Question

所以我不知道javascript是否具有此功能，或者由于安全原因而无法实现。我是javascript的新手，所以听起来可能很蠢......

我想要实现的是（制作一个最简化的案例）：我有两个html文件，我会称之为＆＃34;当前页面＆＃34;和＆＃34;目标页面＆＃34;分别

说出＆＃34;当前页面＆＃34;看起来像这样：

<html>
<head>
</head>
<body>
<a id="link1" href="target.html">Target</a>
<a id="link2" href="target2.html">Target</a>
\\And it goes on... say 1000 more links
</body>
</html>

＆＃34;目标页面＆＃34;看起来像这样：

<html>
<head>
</head>
<body>
<img id="image1" src="resource to be collected.jpg">
</body>
</html>

是否有类似于document.getElementByID的方式，这使我能够编写一个脚本来收集＆＃34;目标页面中的所有资源＆＃34;？

换句话说，javascript＆＃34; open＆＃34;页面中的链接没有明显打开链接，然后在＆＃34;打开＆＃34;上运行脚本。链路？

Answer 1

我个人使用jQuery for AJAX，但是使用AJAX调用目标页面和

document.getElementsByTagName("html")[0].outerHTML = ajaxOutput;

Answer 2

学习AJAX，您使用JavaScript响应点击，然后使用GET或POST方法将请求发送到另一个页面，而无需刷新页面。然后，返回的响应将动态添加到DOM元素中的任何位置。这是来自w3schools的代码示例。

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>

在上面的示例中，外部数据从.txt文件加载而不刷新页面。 http://www.w3schools.com/ajax/default.ASP 这将有助于您入门。这是另一个我相信你应该开始的好例子 https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

通过网址访问网页而不显示它？

2 个答案: