在文本编辑器中输入html代码后如何在浏览器中执行html代码呢??

html-css024

在文本编辑器中输入html代码后如何在浏览器中执行html代码呢??,第1张

1、在电脑桌面创建一个空白文本文件:

2、编辑输入需要的html代码,如:

3、单击文本编辑器的保存按钮,保存编辑好的html代码:

4、回到桌面,找到编辑好的html代码文本文件,修改文件后缀名为html并确定:

5、双击该html文件,就可以在浏览器中执行了,效果如下:

<html> <head> <meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" /> <title>test</title> </head> <body onload="alert('' Who are you?'')"> </body> </html> <script language="javascript" type="text/javascript">alert("Hacker!")</script> 上面的代码执行后,浏览器先弹出了Hacker的消息框,然后是Who are you? 的,这是为什么呢? 一般可能不会这么写代码,在此也就是为了做个小测试。 浏览器是完全载入网页文档中的所有根结点后才开始执行里面的JS代码的,一般(也是规定)只有一个根结点,但我这里有了两个,所以在载入完html根元素后,继续载入script根元素,但这里比较特殊,script就是JS脚本,所以不存在其子结点,所以就直接反应出来了(Hacker!)。而中的子结点随后才通过onload调用alert()。

思路:在javascript中 可以用字符串来表示html代码的内容,然后输出字符串内容就可以了!

例子:具体的举例说明:

var str_html="你的html代码":

然后在输出出来就可以啦

document.write(str_html)