当前位置: 代码迷 >> JavaScript >> JavaScript札记(五)
  详细解决方案

JavaScript札记(五)

热度:134   发布时间:2012-11-03 10:57:43.0
JavaScript笔记(五)
今天先贴两张图上了,明天接着来
不好意思,发到了论坛里面,但是由于写了4篇文章,博客每天只能存3篇,所以也没办法,
贻笑大方了,误入的大侠请转身。


窗口对象的属性和方法:


    格式:
    [window.]属性
    [window.]方法(参数)

    opener.属性
    opener.方法(参数)
    self.属性
    self.方法(参数)
    parent.属性
    parent.方法(参数)
    top.属性
    top.方法(参数)

    窗口名称.属性
    窗口名称.方法(参数)






窗口对象的事件处理程序:


    onBlur onDragDrop onError onFocus onLoad onMove onResize onUnload
<Script>

function checkPassword(testObject) {
if (testObject.value.length < 6) {
    alert("密码长度不得小于6");
    testObject.focus();
    testObject.select();
}
}

</Script>
请输入密码:
<INPUT TYPE="text" onBlur="checkPassword(this)">


<Script>

if (confirm("你满十八岁了吗?"))
    location = "adult.htm";
else
    alert("等你成年以後再来吧!");

</Script>


这个可能被拦截
<Script>

var bgColor =
prompt("你喜欢哪一种底色:\n浅蓝色请按1,粉红色请按2",1)

if (bgColor == 1) document.bgColor = "#CCFFFF";
else if (bgColor == 2) document.bgColor = "#FFCCFF";
else document.bgColor = "#FFFFFF";

</Script>


屏幕对象:

描述屏幕的显示及颜色属性。
屏幕对象的属性:

格式: screen.属性



<Script>

with (document) {
    write ("您的屏幕显示设定值如下:<P>");
    write ("屏幕的实际高度为", screen.availHeight, "<BR>");
    write ("屏幕的实际宽度为", screen.availWidth, "<BR>");
    write ("屏幕的色盘深度为", screen.colorDepth, "<BR>");
    write ("屏幕区域的高度为", screen.height, "<BR>");
    write ("屏幕区域的宽度为", screen.width);
}

</Script>

<Script>

if ( screen.width < 800 || screen.colorDepth < 8 ){
    var msg = "本网站最佳浏览模式为 800 * 600 * 256";
    alert(msg);
}

</Script>


事件对象:

当事件发生时,浏览器自动建立该对象,并包含该事件的类型、鼠标坐标等。

事件对象的属性:
格式:event.属性


<Script>

function getEvent(evnt) {
eventWin = open ('','','width=200,height=100');
with (eventWin.document) {
     write("事件类型:", event.type);
     write("<br>鼠标的x坐标:", event.screenX);
     write("<br>鼠标的y坐标:", event.screenY);
}
}

document.write ("单击...")
document.onmousedown = getEvent;
</Script> 


<Script>

function getCoordinate(evnt) {

if (document.all) {
   x = event.screenX;
   y = event.screenY;
}
else {
   x = evnt.screenX;
   y = evnt.screenY;
}
status = "水平坐标:"+ x + ";垂直坐标:"+ y;
}

document.onmousemove = getCoordinate;

</Script>


<Script>

function whichKey(evnt) {

if (document.all) {
    x = event.button;
    if( x==1 ) alert("你单击了左键");
    if( x==2 ) alert("你单击了右键");
}

else {
    x = evnt.button;
    if( x==1 ) alert("你单击了左键");
    if( x==3 ) alert("你单击了右键");
    return false;
}
}

document.onmousedown = whichKey;
document.write("请单击鼠标左/右键");

</Script>


历史对象:

用以存储客户端最近访问的网址清单。
格式:
history.属性
history.方法(参数)
历史对象的属性:


history.go(-1)

newWin.history.back()

parent.downFrame.histroy.back() 

<A HREF="#" onClick="history.back()">上一页</A>

<A HREF="javascript:history.back()">上一页</A>


位置对象:
用来代表特定窗口的URL信息。
格式:
location.属性
location.方法(参数)
URL的格式:
protocol//host:port/path#hash?search
按下按钮前往「我做过的网站」<P>
<INPUT TYPE="button" VALUE="走吧!" onClick="location.href='http://www.enjoysoft.com.cn/'">


FONT COLOR="red"
onClick="location='http://www.enjoysoft.com.cn/'">
我做过的网站</FONT><P>

<FONT COLOR="blue" STYLE="cursor:hand"
onClick="location='http://www.enjoysoft.com.cn/'">
我做过的网站</FONT>

<Script>

var sec = 5;

function countDown() {
if (sec > 0) {
    num.innerHTML = sec--;
}
else
    location = "http://www.enjoysoft.com.cn/";
}
</Script>

<BODY onLoad="setInterval('countDown()', 1000)">
<CENTER>
我做过的网站
<H2>http://www.enjoysoft.com.cn/</H2>
五秒钟后自动带你前往<BR>
<FONT ID="num" SIZE="7" FACE="impact">5</FONT>


<A HREF="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.enjoysoft.com.cn/');"><FONT COLOR="red"><U>设为首页</U></FONT></A><P>

<A HREF="javascript:window.external.AddFavorite('http://www.enjoysoft.com.cn /','某网站');"><FONT COLOR="red"><U>加入收藏</U></FONT></A>
1 楼 select*from爱 2010-08-06  
http://www.w3school.com.cn/js/index.asp
2 楼 MySSH 2010-08-07  
http://www.w3school.com.cn/js/index.asp 这个网站不错哦~~谢谢分享
3 楼 leonayx123 2010-08-08  
。。最近正在倒腾。看看
4 楼 m_7iang 2010-08-08  
http://www.w3schools.com/js/default.asp
5 楼 fallen_lord 2010-08-09  
var msg = LZ.name;
alert(msg):
6 楼 kmkim 2010-08-13  
楼上你发什么鸟啊。。。。拉出去砍了。。。
7 楼 huozhicheng 2010-08-13  
好东西,学习了
8 楼 angie_hawk7 2010-08-31  
复习一下,哈哈
9 楼 xymeng0626 2010-09-01  
没看懂,想说明什么呢。
10 楼 freeza 2010-09-26  
<Script>  
 
if (confirm("你满十八岁了吗?"))  
    location = "adult.htm";  
else 
    alert("等你成年以後再来吧!");  
 
</Script>
我邪恶的笑了
  相关解决方案