很多站长朋友们都不太清楚js怎么控制html代码，今天小编就来给大家整理js怎么控制html代码，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 js能不能控制其他网页上的html代码 2、 如何用js动态写入html代码 3、 js中写的html代码怎么运行 4、 怎样在javascript中执行html语句 5、 js控制html table 6、 JS怎么控制HTML js能不能控制其他网页上的html代码可以，用foxfire或chrome，然后装上greasemonkey插件，用firebug分析网站登录需要的参数，然后用ajax提交到登录的url，所有代码写到greasemonkey里，注意两点
1、javascript的ajax不能跨域，所以需要打开登录的网站，用greasemonkey自动执行js
2、如果网站有验证码就比较麻烦了，可以调用第三方接口，解析验证码
如何用js动态写入html代码所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。
1、用innerHTML写入html代码：
<div id="abc"></div>
<script>document.getElementById("abc").innerHTML="要写入的文字或内容"</script>
2、appendChild() 方法：
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
<button onclick="myFunction()">点击向列表添加项目</button>
<script>
function myFunction(){
var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
</script>
js中写的html代码怎么运行JS输入输出HTML代码有2种方式：
1、在需要输出的的位置写JS代码：<script>document.write('需要输出的内容')</script>
比如：
<ul>
<script>document.write('<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>');
</script>
</ul>
2、采用js的innerHTML方法：
例子;
<ul id="ul"></ul>
<script>
document.getElementById("ul").innerHTML='<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>';
</script>
怎样在javascript中执行html语句思路：在javascript中 可以用字符串来表示html代码的内容，然后输出字符串内容就可以了！
例子：具体的举例说明：
var str_html="你的html代码":
然后在输出出来就可以啦
document.write(str_html);
js控制html table在table的td中添加一个button的代码，点击事件的相应函数设置为增加table的方法，这套方法的前提是你要先明白table的结构，table结构到百度上一查就可以了。这里这写给你代码：
//获取table对象
var oTable = document.getElementById("tableA");
//找到要添加button的td，这里以表格第一行第一列为例子
var oTd = oTable.rows[0].cells[0];
//添加button到td中，添加前吧td内容清空并赋予button的代码
oTd.innerHTML = "<button onclick='fnInsert()'>添加收费</button>";
//然后定义添加一行的方法方法名与onclick一致
function fnInsert(){
var oTable = document.getElementById("tableA");
var oTr = oTable.insertRow();
var oTd = oTr.insertCell();
oTd.innerHTML = "新添加了一行";
}
JS怎么控制HTML用JS通过URL获取一个页面的话，需要使用AJAX；
就是在某一个页面装载的时候，你通过AJAX去请求这个URL。如果是动态页面，会在服务器将处理后的结果返回给你，如果是静态页面，就会直接将静态页面的内容返回给你；
你在得到这个静态页面的时候，将它作为一个DOM来操作，比如获取TD，创建元素等操作，这都属于DOM操作；
因此你要实现上述效果，必须掌握AJAX和DOM两种应用。
网上有很多相关的教程，搜索一下就有了；
不过这里要提醒你的是，如果你请求的URL和你当前页面不是同一个域，那么请求是无效的，也就是说，JS是不支持跨域访问的。比如，你当前页面是在qq.com，而你获取的这个页面是sina.com下面的，那就不行。这个时候，你可以通过iframe或flash实现，实现方式搜索“js跨域"，相关文档和教程也是有很多的。
关于js怎么控制html代码的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于js怎么控制html代码 js用来控制HTML网页中的什么的详细内容...