当前位置: 首页 > news >正文

网站建设放什么科目制作网站的基本步骤是

网站建设放什么科目,制作网站的基本步骤是,土特产直营网站建设代码,制作一个景点的网站1、iframe.contentWindow(主页面调用iframe) 此处的iframe是从document取得的,即作作为document的子对象出现,虽然是文档(document)对象,但由于它是独立的页面,因而拥有自己的事件,拥有自己的窗口对象(contentWindow)&…

1、iframe.contentWindow(主页面调用iframe)

  此处的iframe是从document取得的,即作作为document的子对象出现,虽然是文档(document)对象,但由于它是独立的页面,因而拥有自己的事件,拥有自己的窗口对象(contentWindow);contentWindow属性是指指定的frame或者iframe所在的window对象。

在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。

  先获取iframe里面的window对象,

var iframe = document.getElementById('myFrame').contentWindow// 在IE下
var iframe = document.frames['myFrame']

  再通过这个对象,获取到里面的DOM元素

var input = iframe.document.getElementById('test')

   在主页面,操作iframe里面的DOM元素实例如下:

// a.html页面
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>iframe.contentWindow</title><script type="text/javascript">function getValue() {var tmp = '';if(document.frames) {tmp += document.frames['myFrame'].document.getElementById('test').value;} else {tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value;}if(confirm(tmp)) {location.href = tmp.split(':')[1]}}</script></head><body onload="getValue()"><iframe id="myFrame" src='b.html' width="600px" height="100px;"></iframe></body>
</html>

b.html页面

// b.html页面
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>iframe</title><style>#test {border: solid royalblue 2px;border-radius: 4px;width: 500px;color: #797979;height: 50px;line-height: 50px;font-size: 20px;}</style></head><body><input type='text' id="test" value='欢迎访问:http://blog.csdn.net/qq_27626333'></body>
</html>

2、window.parent(iframe页面调用主页面)

  在iframe本页面,要操作这个iframe的父页面的DOM元素(即嵌套这个iframe的页面)可以用:window.parent、window.top(这里的TOP是获取的顶层,即有多层嵌套iframe的时候使用)

// a.html页面
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>iframe.contentWindow</title><script type="text/javascript">function parentValue() {if(confirm('欢迎访问:http://blog.csdn.net/qq_27626333')) {location.href = 'http://blog.csdn.net/qq_27626333'}}</script></head><body><iframe id="myFrame" src='b.html' width="510px" height="150px;"></iframe></body>
</html>
// b.html页面
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>iframe</title><style>.contain {display: flex;flex-direction: column;width: 500px;}#test {border: solid royalblue 2px;border-radius: 4px;width: 100%;color: #797979;height: 50px;line-height: 50px;font-size: 20px;}#button {border: solid #20A0FF 2px;border-radius: 4px;margin: 20px auto;padding: 10px;background-color: #20A0FF;color: white;}</style><script>function parentValue() {window.parent.parentValue()}</script></head><body><div class="contain"><input type='text' id="test" value='欢迎访问:http://blog.csdn.net/qq_27626333'><input type="button" id="button" value="调用主页面方法" onclick="parentValue()"/></div></body>
</html>
http://www.yayakq.cn/news/183277/

相关文章:

  • 常熟做网站优化用什么软件做网站seo好
  • wordpress站长统计关键词快速排名不限行业
  • 阳新网站建设如何装wordpress
  • 商务网站建设流程wordpress修改logo地址
  • 电商网站增加客户陕西省建设厅八大员证
  • dedecms采集规则各类网站1万一个月扣多少个税
  • 网站建设行业产业链分析自己可做以做网站吗
  • 镇江网站关键字优化网站屏蔽收录
  • 网站备案信息可以改吗微商货源网
  • 微网站开发视频教程广西南宁网站优化
  • 九江网站设计公司在线crm视频观看
  • 辽宁省建设厅科技中心网站网站建设标志图
  • 滨州企业做网站国外开网站怎样做平帐
  • 网站开发计划时间wordpress类似软件
  • 中通物流企业网站建设书有源码怎么做app
  • 免费个人网站建设国家优化防控措施
  • 网站设计英语广州公司名称大全
  • 绍兴网站制作套餐谷歌建站多少钱
  • 福田建网站wordpress 500一片空白
  • 网站开发工作时间wordpress高级
  • 国外外贸网站有哪些问题博采网站建设
  • 萍乡建设网站南京明月建设集团网站
  • 无障碍网站建设推广前景用源码搭建网站
  • 推广一个网站周期wordpress+分页静态
  • 做网站和编程wordpress 无法登录
  • 家具网站建设太原有几个区
  • 江苏泰兴网站建设代理网店加盟
  • 石家庄制作网站的公司哪家好视频制作软件哪个好用
  • 帝国cms个人网站模板台州市椒江建设工程机械厂网站
  • 网站建设尚品怎么让自己的网站通过域名访问不了