【零基础网页开发】 第十四课 iframe

it2025-10-18  5

一、什么是iframe

一个html框架,里面可以承载一个网页。(网页中的网页)

二、内联的css

不常用 使用 style=" ",实现css行内样式写法。

< iframe id=“ifweb” style=“width: 100%; height: 400px;” src=“http://baidu.com” >< /iframe >

三、js的页面级使用

使用 < script > 标签直接写js代码。

<script> function 函数名(){ ······ // 函数体 } </script>

四、&nbsp; —— 空格

五、< br /> :换行

五、简单的文本输入、js处理

input + button(其中使用onclick调用函数名) :

网址:< input id=“txtURL” type=“text” />   < button type=“button” οnclick=“dourl()” >提交< /button >

六、工程代码

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>iframe 1022</title> <script> function dourl(){ var ifweb=document.getElementById("ifweb"); var txtURL=document.getElementById("txtURL"); ifweb.src = txtURL.value; } </script> </head> <body> 网址:<input id="txtURL" type="text" /> &nbsp; <button type="button" onclick="dourl()">提交</button> <br /><br /> <iframe id="ifweb" style="width: 100%; height: 500px;" src="http://baidu.com"></iframe> </body> </html>

最新回复(0)