一、什么是iframe
一个html框架,里面可以承载一个网页。(网页中的网页)
二、内联的css
不常用 使用 style=" ",实现css行内样式写法。
< iframe id=“ifweb” style=“width: 100%; height: 400px;” src=“http://baidu.com” >< /iframe >
三、js的页面级使用
使用 < script > 标签直接写js代码。
<script>
function 函数名(){
······ // 函数体
}
</script>
四、 —— 空格
五、< 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" /> <button type="button" onclick="dourl()">提交</button>
<br /><br />
<iframe id="ifweb" style="width: 100%; height: 500px;" src="http://baidu.com"></iframe>
</body>
</html>