javascript学习第五天

1.绑定事件:

<input type="button"   οnclick="javascript:alert('I am clicked');">

"javascript:"用来告诉浏览器改语句使用的脚本的语言,可以省略,省略时采用浏览器默认的语言来解释。

2.绑定元素前,被绑定的对象必须存在,将'null'值赋值给事件即可解除对事件的绑定。

3.闭包:子函数可以使用父函数中的局部变量。

4.函数的返回值:是指函数的执行的结果,可以没有return,一个函数应该只返回一种类型的返回的值。

5.获取非行间的样式:currentStyle,getComputedStyle(obj,false)[attr]

6.function show(){return}
alert(show());

当对字符进行返回的时候,如果对返回的值没有定义的时候,警告窗口的值出现的为undefined的操作。

7.对于文本的sort()操作的进行的,其中sort()函数只能对于字符串进行排序,其中对于sort()中可以放置函数进行一些列的操作进行计算。sort(function(num1,num2){return num1-num2})

8.三目运算符:
var a=5;
a%2==0?alert("双数"):alert("奇数");
9.对于隔行换色的操作:
var oUl=document.getElementById('ul1');
var aLi=oUl.getElementsByTagName('li');
var i=0;

for(i=0;i<aLi.length;i++)
{
if(i%2==0) //0,2,4,6,8,10...
{
aLi[i].style.background='#CCC';
}
}
};


html样式处body样式的设计,之后对于ali中样式的设计的操作
<ul id="ul1">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

10.json 的语法:

json 语法是javascript对象表示语法的子集,数据在名称/值对中,数据由逗号分隔,花括号保存对象,花括号保存数组。

var employee=[

{"firstName":"Bill","lastName":"Gates"},

{"firstName":"Thomas","lastName":"Carter"}

]

employee[0].lastname;

11.style专指行间的样式,即标签带style的属性。

<script>

window.οnlοad=function(){

var oDiv=document.getElementById("div1");

alert("行间样式测试:"+oDiv.style.backgroundColor);}

<div id="div1" style="width:200px;height:100px;background:red"></div>

对于非行间的样式的操作用:

currentStyle指全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式的所有样式

但是currentStyle谷歌和火狐浏览器可能不兼容。解决办法是:使用 getComputedStyle()。 
Dom中getComputedStyle方法可用来获取元素中所有可用的css属性列表,以数组形式返回,并且是readonly的。

arr_style=window.getComputedStyle(elem_id,ov)其中ov:伪元素,是否要获取伪元素的属性的值,如hover,active,link等属性,如果不想获取这些伪元素的属性值请填写为null,返回值类型和style一样


对于currentstyle方法的封装的操作:

function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}


window.οnlοad=function ()
{
var oDiv=document.getElementById('div1');

alert(getStyle(oDiv, 'backgroundColor'));
}

12.window.open(strUrl,strWindowName,[strWindowFeatures]);
strul==要在新打开的窗口中加载URL,strWindowName==新窗口的名称,strWindowFeatures==一个可选的参数,列出新窗口的特征(大小,位置,滚动条等)作为一个DomString.
如果strUrl参数制定了改窗口会打开的地址,如果strUrl是一个空值,那么打开的窗口将会是带有默认工具栏的空白的窗口。(加载 about:blank);

window.location是window对象的属性,而window.open是window对象的方法
window.location是你对当前浏览器窗口的URL地址对象的参考,而window.location()是只能在一个网站中打开本网站的网页。
window.open是用来打开一个新窗口的函数,可以早一个网站打开另外一个网站的地址 

window.close();关闭浏览器的窗口;

document.write();在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。
它将清除当前页面内容(包括源文档的任何变量或值)、因此.假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起
来赋给一个变量、使用一个document.write()方法完成写操作,不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作。 

 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行

window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息

10.cookie指某些网站为了辨别用户的身份而存储在用户本地终端上的数据,简单的说,cookie就是服务器暂存在浏览者电脑里的资料,好让服务器用来辨认其计算机。在浏览网站的时候,web服务器会先送一段资料放在访问者的计算机上,这段资料就是cookie.当用户下次访问同一个网站的时候,web服务器会先查看有没有其上次留下的cookie资料




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值