javascript - 如何在html脚本标签中加载跨域url

标签 javascript jquery html cross-domain

我想在我的网页上加载跨域 url html 内容。我读到它可以通过在脚本中加载url并调用全局回调函数来实现。我的代码如下-

<html>
<body>

<div id="response"></div>

<script>
  function myFunction (data) {
    var stringData = JSON.stringify(data)
    document.getElementById('response').innerHTML = stringData;
  }
</script>
<script src="http://zeenews.india.com?callback=myFunction()"></script>

</body>
</html>

当我运行这个 HTML 文件时,出现以下错误

Uncaught SyntaxError: Unexpected token <

我也可以在错误前面看到这个 url

?callback=myFunction():2 

请帮帮我。

最佳答案

你因为这个标签而收到这个错误

<script src="http://zeenews.india.com?callback=myFunction()"></script>

,因为您输入的 url 不会返回 javascript 文件。 <script> 中的 src 属性标签仅适用于 js。

如果你想在response div标签内显示网页内容,你应该使用<iframe>在该 div 中标记,如下所示:

<div id="response">
    <iframe src="http://zeenews.india.com"></iframe>
</div>

关于javascript - 如何在html脚本标签中加载跨域url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34750369/

相关文章:

javascript - 获取未解析的元素内容

javascript - 退格键在 Mozilla 浏览器上我的表单的文本区域中不起作用

javascript - 单击页面上的任意位置时切换 div 内容

HTML CSS 图像增长

javascript - 检查输入值

javascript - 从另一个 Controller 内部更新模型

javascript - 清除azure中javascript的缓存

javascript - 粘性按钮到 sidr 侧面板

"border-radius"值的 Javascript/jQuery 正则表达式

html - 使父 div 扩展到窗口之外以包裹所有子项