Menu
Woocommerce Menu

slibings选取同级其他元素的实现代码,实例代码

0 Comment

对象属性

用jQuery在IFRAME里取得父窗口的某个元素的值
只好用DOM方法与jquery方法结合的方式实现了

复制代码 代码如下:

document.title //设置文档标题等价于HTML的title标签
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色
document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.URL //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate //文件建立日期,只读属性
document.fileModifiedDate //文件修改日期,只读属性
document.charset //设置字符集 简体中文:gb2312
document.fileSize //文件大小,只读属性
document.cookie //设置和读出cookie

1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames[“iframe1”].document).find(”input[@type=’radio’]“).attr(”checked”,”true”);

<script type=”text/javascript”>
$(function(){
    $(“#downloadchartsright .chartstitleopt,#downloadchartsleft
.chartstitleopt”).click(function(){
       
$(this).siblings().removeClass(‘underline’).end().addClass(‘underline’);
    });
})
</script>

———————————————————————
常用对象方法

2.在IFRAME中操作 选中父窗口中的所有单选钮 $(window.parent.document).find(”input[@type=’radio’]“).attr(”checked”,”true”);

图片 1

document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个html标签对象
document.getElementById(ID) //获得指定ID值的对象
document.getElementsByName(Name) //获得指定Name值的对象
document.body.appendChild(oTag)
———————————————————————

iframe框架的:

比如点击“今日排名”“本周排名”“本月排名”显示底部下划线,可以通过以上jquery代码显示隐藏样式。

body-主体子对象

<iframe src=”test.html” id=”iframe1″ width=”700″ height=”300″
frameborder=”0″ scrolling=”auto”></iframe>

您可能感兴趣的文章:

  • jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
  • 使用jquery
    prev()方法找到同级的前一个元素
  • 使用jquery选择器如何获取父级元素、同级元素、子元素
  • jQuery父级以及同级元素查找介绍
  • jQuery获取同级元素的简单代码

document.body //指定文档主体的开始和结束等价于body>/body>
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置body>…/body>之间的文本
document.body.innerHTML //设置body>…/body>之间的HTML代码
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片
document.body.appendChild(oTag) //动态生成一个HTML对象

IE7中测试通过

常用对象事件

代码:

document.body.onclick=”func()” //鼠标指针单击对象是触发
document.body.onmouseover=”func()” //鼠标指针移到对象时触发
document.body.onmouseout=”func()” //鼠标指针移出对象时触发
———————————————————————
location-位置子对象

复制代码 代码如下:

document.location.hash // #号后的部分
document.location.host //
域名+端口号//好像返回的是主机名localhost,没有返回端口号
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.location.search // ?号后的部分
documeny.location.reload() //刷新网页
document.location.reload(URL) //打开新的网页
document.location.assign(URL) //打开新的网页
document.location.replace(URL) //打开新的网页
———————————————————————
selection-选区子对象
document.selection

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”” >
<head>
    <title>jQuery控制iframe</title>
    <script type=”text/ecmascript”
src=”../js/jquery-1.2.6.js”></script>
    <script type=”text/javascript”>
        $(function(){
            $(“#t1″).hover(function(){alert(”);});
            //$(“iframe”).contents().find(“body”).append(“I’m in an
iframe!”);
           
//$(window.frames[“iframe1”].document).find(“input[@type=’text’]”).attr(“size”,”30px”);
           
//$(“#iframe1”).contents().find(“#d1”).css(‘color’,’red’);
           
//$(window.frames[“iframe1”].document).find(“input[@name=’t1′]”).css({background:”#369″});
            //$(“#iframe1”).src(“test.html”);
        });
    </script>
</head>
<body>
<div>
<input type=”text” id=”t1″ />
<iframe id=”iframe1″ src=”child.htm”></iframe>
<iframe src=”child.htm” width=”300″ height=”100″></iframe>
</div>
<div>
</div>
</body>
</html>

例如:

使用jquery操作iframe

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图