怎么用JS获取某一个指定页面（非本页面）的HTML代码？

JavaScript019

怎么用JS获取某一个指定页面（非本页面）的HTML代码？,第1张

1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。

2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。

4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。

5、查看元素已经应用的CSS样式，点击"computed"菜单。

6、然后查看元素的布局信息，点击"Layout"菜单。

1．有以下输入控件在HTML中，代码如下：<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2．可以使用js来获取id和答案varvalue＝文档。getelementbyid（“productName”）。值。

3．接下来，我们将警告（value），看看是否得到了输入的值。我们可以看到，输入的值已经成功弹出。

4．也可以使用文档。getElementsByName方法（name）。

5．如果您测试结果，您仍然可以看到“value”的值成功弹出。

6．您还可以通过jquery获得输入的值，这需要引入jquery的js包并传递代码＄（＂＃id＂）．val（）。＄（＂＃productName＂）．val（）。

7．＄（＂输入（＇name＝名字＇］”）．val（）；例如，上面的例子可以使用＄（＂input［＇name＝productName＇］＂）．val（）。

通过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一样。