重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、新建一个html文件,命名为test.html,用于讲解。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比吉水网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式吉水网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖吉水地区。费用合理售后完善,10年实体公司更值得信赖。
2、在test.html文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。
3、在test.html文件内,给a标签添加title属性,属性值为“这是测试的链接”。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。
6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。
//1、格式:
window.frames["iframe的name值"].document.title;
//实例:
window.frames["ifm"].document.title;
//2、格式:
var obj=document.getElementById("iframe的name").contentWindow;
var ifmObj=obj.document.title;
//实例:
var obj=document.getElementById("ifm").contentWindow;
var ifmObj=obj.document.title;
//3、格式:
window.parent.document.getElementById("父窗口的元素ID").title;
//实例:
window.parent.document.getElementById("ifm").title;
//jquery在父窗口中获取iframe中的元素
//1、格式:
$("#iframe的ID").contents().attr("title");//jquery 方法1
//实例:
$("#ifm").contents().attr("title");//jquery 方法1
//2、格式:
$(selector, window.top.document);; //jquery 方法2
//实例:
$(document, window.top.document).attr("title");//jquery 方法2
//类似的方法
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);
用原生的js
document.title = "newStr";
jQuery的话
$(document).attr("title","修改title的内容");
$("title").html("修改title的内容");
如下:
function doSet(){
alert($(document).attr("title"));//获取title值.
$(document).attr("title","修改内容");//修改title值
}
扩展资料:
Jquery常用方法总结:
1、页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
3、获取jQuery集合的某一项
对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。
对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个div元素的内容。有如下两种方法:
复制代码如下:
$("div").eq(2).html(); //调用jquery对象的方法
$("div").get(2).innerHTML; //调用dom的方法属性
4、集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式:
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//为索引分别为0,1,2的p元素分别设定不同的字体颜色。
$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效果
$("p").click(function(){alert($(this).html())})
//为每个p元素增加了click事件,单击某个p元素则弹出其内容
5、扩展我们需要的功能
$.extend({
min: function(a, b){return a b?a:b; },
max: function(a, b){return a b?a:b; }
}); //为jquery扩展了min,max两个方法
使用扩展的方法(通过“$.方法名”调用} :
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
7、支持方法的连写
所谓连写,即可以对一个jquery对象连续调用各种不同的方法。
例如:
$("p").click(function(){alert($(this).html())})
.mouseover(function(){alert('mouse over event')})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});
8、操作元素的样式
主要包括以下几种方式:
$("#msg").css("background"); //返回元素的背景颜色
$("#msg").css("background","#ccc") //设定元素背景为灰色
$("#msg").height(300); $("#msg").width("200"); //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式