js获取html页面显示内容_框架

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

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

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

这个问题的难点在于读取文件，这个是HTML5中新增的。

你需要在页面中放置input框，类型是file，选中文件之后使用 new FileReader()函数读取txt内容，读取的内容都是字符串，做个转换即可。

注意几点：

1 一个是端口号，注意你自己设置的是哪个端口号

2 第二个是要保证txt格式中的文件是json格式，不然会没有返回值。

3 不要在本地直接打开，放在本地服务器上，apache之类的

直接用就可以，不如ajs包含

var areaServer=[{"id":"6122","name":"神骑世界","order":"1",

"server":[{"id":"34579","name":"所有区服","order":"0","value":"0"}],

"value":"1"},{"id":"6613","name":"狼烟","order":"1",

"server":[{"id":"37952","name":"烽火万里","order":"0","value":"1001"}],"value":"2"}]；

再bhtm页面，需要先引用js文件，相对路径绝对路径都可以，但是必须是网络路径，而不是本地路径

alert(areaServer[0]id);

</script>

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。

3、在testhtml文件内，在div标签内，填写一段文字，并加入一个span标签。

4、在testhtml文件内，创建一个button按钮，按钮名称为“获取html”。

5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

6、在testhtml文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开testhtml文件，点击按钮，查看获得的html标签内容。

以ajax方式读取文件到字符串；

想要把css或者js内容做成json比较不靠谱，因为css中的选择器有带的类选择器，有带#的id选择器，是不能作为标识符的，js内容也不容易分析。

js获取php echo内容的方法如下：

如在页面ahtml中用下面这句调用:

alert(jstext);

</script>

在bphpPHP代码如下:

< $action=$_GET['action'];

var jstext='$action'"; //输出一句JS语句,生成一个JS变量,并赋颠值为PHP变量 $action的值 echo "var jstext='aa'"; echo "var jstext=""'$action'"; >

以上就是关于js获取html页面显示内容全部的内容，包括:js获取html页面显示内容、大神，js获得txt里面的数值问题、JQuery,JS 读取远程服务器的txt文件内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

js获取html页面显示内容