如果输出JS文件里的HTML代码?

HTML中调用JS代码。

js代码注解：javascript代码，可直接在客户端解释执行，html中调用js代码的方法有两种：一、将javascript写在html文件中，在html中调用js函数等；二、js代码写一个文件中，在html中引用该文件，使用js文件中定义的js函数。

调用方法：

1、打开Dreamweaver软件，在创建新项目下选择HTML；

       

2、点击“文件”——“另存为”——文件命名为test——保存在电脑桌面；

3、编写html文件，html文件包含用户名及密码输入文本框，确定和取消按钮；

      

4、在title标签下插入<script language="JavaScript">js代码</script>，在html中调用js函数；

5、js代码编写及html调用js代码完成保存tset.html文件，在浏览器中打开test.html文件，检查js代码执行效果；

        

6、在Dreamweaver软件中新建check.js文件（方法同html文件新建），check文件中输入校验函数；

7、test.html的title标签下引用check.js文件；

8、在程序中引用check.js文件中js函数，在浏览器中刷新test.hmtl文件，然在username的输入框中输入非法字符来检验js代码。

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>

---