为什么iframe标签里的js脚本执行不了？

luoha · 发表于 2017-2-28 11:29:24

半导体发表于 2017-2-28 11:09
一段html代码能有什么问题你是说点击事件

luoha · 发表于 2017-2-28 11:38:49

半导体发表于 2017-2-28 11:09
一段html代码能有什么问题你是说点击事件

我发现问题了。新建空白的页的项目就可以运行，我新建的是两个页面的项目就不可以，你可以试试新建项目的时候选择两个页面的母版

半导体 · 发表于 2017-2-28 15:05:43

luoha 发表于 2017-2-28 11:38
我发现问题了。新建空白的页的项目就可以运行，我新建的是两个页面的项目就不可以，你可以试试新建项目 ...

好的我试下

first932167 · 发表于 2017-7-11 16:58:39

我也遇到了这样的问题，iframe中引入了一个微信公众号的文章，其中的图片全显示不出来了，这些图片应是js效果显示吧，怎么解决，以前用其他软件开发放webview，启用js功能就可以了？

liangyongfei · 发表于 2017-7-12 09:20:32

first932167 发表于 2017-7-11 16:58
我也遇到了这样的问题，iframe中引入了一个微信公众号的文章，其中的图片全显示不出来了，这些图片应是js效 ...

建议您，先试试 iframe 的URL 直接在浏览器中打开是否正常？？
众号的链接应该只能在微信客户端才可以打开的吧！！

first932167 · 发表于 2017-7-13 15:24:01

网址在浏览器中打开是正常的， http://mp.weixin.qq.com/s/zdftnRYHyDWjtoHruPOW7g
但是在普通网页中放到 iframe中就报错，比如跨域呀什么的，所以，咱这个wex5能不能用webview组件，或cordova中的webview怎么用？

liangyongfei · 发表于 2017-7-13 16:15:14

first932167 发表于 2017-7-13 15:24
网址在浏览器中打开是正常的， http://mp.weixin.qq.com/s/zdftnRYHyDWjtoHruPOW7g
但是在普通网页中放 ...

应该是 http 协议不能和https协议嵌套访问吧！
上网搜下解决方法
http://www.cnblogs.com/wxxweb/p/3738696.html

搜下这段报错信息，

The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

复制代码

first932167 · 发表于 2017-7-13 21:19:30

感谢回复，做了个普通页面，用ifram加载微信公众平台的文章，加上论坛里的方式，应当可以显示图片了，但是，
我要的这个微信公众平台页面里面还有语音，所以恐怕还得用webview组件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试文档</title>
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<script language="javascript">
$.ajaxPrefilter( function (options) {
  if (options.crossDomain && jQuery.support.cors) {
var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
  }
});

var share_link="http://mp.weixin.qq.com/s/zdftnRYHyDWjtoHruPOW7g";//微信文章地址
$.get(
share_link,
function (response) {
   //  console.log("> ", response);
      var html = response;
      html=html.replace(/data-src/g, "src");
      var html_src = 'data:text/html;charset=utf-8,' + html;
      $("iframe").attr("src" , html_src);
}
);
</script>


</head>

<body >
<div>
<div style="height:10px;background-color:#ff4400"></div>
<div>
<iframe  width="100%" height="1000px" style=" border: 0; width: 1px;min-width: 100%;*width: 100%;" > </iframe>
</div>

</body>
</html>

first932167 · 发表于 2017-7-13 21:24:50

以前在android studio中是这样子用的，
WebView  webView = new WebView(this);
      webView.getSettings().setJavaScriptEnabled(true);
      webView.addJavascriptInterface(new newActivity.ContactPlugin(this),"jsAndroid");
      Bundle bundle=this.getIntent().getExtras();
      back=(String) bundle.get("back");
      url= String.valueOf(bundle.get("url"));
      try {
         webView.loadUrl(url);
      }catch(Exception ex)
      {
         ex.printStackTrace();
      }
      setContentView(webView);
      //在当前页面中打开链接
      webView.setWebViewClient(new WebViewClient()
      {
         public boolean shouldOverrideUrlLoading(WebView view,String url)
         {
            view.loadUrl(url);
            return true;
         }
      });
建个 WebView 加载一下就可以了，咱们wex5怎么使用webview?

first932167 · 发表于 2017-7-13 21:27:51

使用了它，感觉有一定效果，只是声音还是出不来，想用webView，能给个方向不？我查看哪些文档可以开发webView。

		自动登录	找回密码
密码			注册

[结贴] 为什么iframe标签里的js脚本执行不了？