html中怎样插入html代码

html-css013

html中怎样插入html代码,第1张

在JS中插入短的HTML代码,可以通过先使用一个函数来包着,你要添加的HTMl代码,然后在使用innerHTML这个函数提取就行,在你的HTMl中添加一个事件就行,然后调用这个函数就行了,具体的我提供例子给你看下:

<html>

<head>

<script>

function insert(){

var insertText = "<table><tr><td>any thing</td></tr></table>"

document.getElementById("insert").innerHTML(insertText)

}

</script>

</head>

<body>

<button onclick="insert()">Insert</button>

<div id="insert"></div>

</body>

</html>

将一个html页面中嵌入另一个html页面步骤如下:

1、首先,要嵌入html并不一定要写js代码,如图使用iframe标签,设置其src属性即可。注意其scrolling="auto"以添加滚动条。另外,其width和height要单独设置。

2、其链接到的html页面内容如图所示。给其添加如图meta标签,增加自动刷新功能。

3、在Python编写的httpserver中(Tornado),这两个url的请求都要处理。以本程序为例,用户浏览器载入main以后,main页面中的iframe标签会自动载入todolist。

4、如图是通过浏览器访问main页面,可以看到下面的框框中显示的就是todolist页面的内容。

5、另外,其右侧自带滚动条,而且这个潜入的页面设置了自动刷新,会时刻保持更新。

6、如果关闭了httpserver,会看到如簇所示情况,嵌入的页面刷新失败。但是main页面没有自动刷新,无影响。

直接在html文件写入html代码即可。 最简单的方法就是新建一个记事本,然后在记事本里面写入自己的html代码,写完之后ctrl+shift+s另存为html文件,双击打开这个文件就可以自动在浏览器运行了。 不过初学者的话建议还是使用一些像DW这样的编辑器软件来辅助自己编写html代码。 --河南新华网络运营协会为您解答!