如何用js获取其它页面的内容

JavaScript016

如何用js获取其它页面的内容,第1张

用jquery的load方法加载，

例子1（点击按钮加载一个注册页面的所有内容装入div容器）：

$("button").click(function(){

$("div").load('regist.html')

})

例子2（点击按钮加载一个注册页面里面的ID为box的标签里面的所有内容装入div容器）：

$("button").click(function(){

$("div").load("regist.html

#box")

})

抓取动态页面有两种常用的方法，一是通过JavaScript逆向工程获取动态数据接口（真实的访问路径），另一种是利用selenium库模拟真实浏览器，获取JavaScript渲染后的内容。但selenium库用起来比较繁琐，抓取速度相对较慢，所以第一种方法日常使用较多。

通过url传参。

如果是HTML页面的话，JS传到新页面就输入window.location.href='a.html?id=100'。然后a.html页面的JS就<div id="s"></div>

<script>

document.getElementById("s").innerHTML=window.location.split('?')[1]

</script>

如果是想要实现AJAX在a页面传参数到b页面，并且在a页面的层显示b页面执行参数的结果的话就用AJAX了。下面是JQUERY的。

<div id="a"></div>

$("#a").load("b.html?id=100")

//或者

$.get("b.html?id=100",function(data){

$("#a").html(data)})

本地存储sessionStorage 或 localStorage，html5的话可以用 sessionStorage 或 localStorage，很容易的。sessionStorage 是会话存储，关闭浏览器就没了。localStorage 是持久化存储，完全可以替代cookie 存储空间更大。

实现方法：存：sessionStorage["par1"]="123"。取：sessionStorage["par1"] localStorage实现方法和sessionStorage一样。