js获取html页面显示内容

js获取html页面显示内容,第1张

1、新建html文档,在body标签中添加一个按钮,然后在head标签中引入jQuery文件:

2、使用jQuery给按钮添加点击事件,然后使用ajax发送请求并将获取到的结果进行输出:

3、用浏览器打开代码,点击浏览器上的按钮,这时html页面中的内容就被输出到了控制台中:

asp代码是在服务端执行的,要获取js执行的结果,只能用js通过ajax提交给后端对应的接口。

或者通过url跳转,把数据带在url中,asp去解析url。

或者通过表单提交。

用jQuery的html方法可以获得某个元素中的内容 ,如果元素是html标签,则可以获得页面的全部内容:例如:

$(document)ready(function(){

var html_str=$("html")html();

alert(html_str);

});

上面代码可以获得页面的全部内容。(当然要先导入jQuery)

在网页上右键菜单选择”查看源代码“,会出现新页面显示该网页源代码。一般js文件或css文件都在网页的头部<head>与</head>之间加载,为超链接形式,点击,会以新页面形式显示js文件或css文件的源代码,再右键菜单上选择”另存为“可以存到本地硬盘。也有js代码直接写在html源文件中的,直接选取复制,可粘贴到本地文件中去。

<html>

<head>

<script type="text/javascript">

//var str=documentgetElementById("a"); //注意的是var str不可以放在这里,不然str变量为null

function test()

{

var str=documentgetElementById("a");

alert (strinnerHTML);

}

</script>

</head>

<body>

<div id="a">全局变量</div>

<input type="button" value='点我' onclick="test()"/>

</body>

</html>

以上就是关于js获取html页面显示内容全部的内容,包括:js获取html页面显示内容、asp如何获取javascript代码执行后的网页内容、怎么通过js或者jquery获取一个页面里面的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9568748.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存