韩顺平网页设计第四十四讲

原创 2013年12月03日 17:05:55

window的status属性可以设置页面的状态栏,代码如下:

在最后面显示世界你好!:

 <script  language="javascript" type="text/javascript">
	var space_num = 0;
	var dir = 1;
	function myScroll()
	{
		var space_my = "";
		space_num = space_num + 1*dir;
		if(space_num>50 || space_num<0){
			dir =dir* -1;
		}
		for(var i=0;i<space_num;i++){
			space_my = space_my + " ";
		}
		window.status = space_my + "世界你好!";
	}
	function startIt()
	{
		setInterval("myScroll()",100);
	}
    </script>
  </head> 
  <body onload="startIt()">


history对象的用法:

该对象包含客户端访问过的url信息。history对象是window对象的成员属性。它是由javascript run engine自动创建的。我们也可以认为history对象时一个js对象。

它最重要的用处就是可以返回到访问过的页面去。浏览历史就是通过history来实现的。

两个页面之间的访问代码:

a.html如下:

<script  language="javascript" type="text/javascript">
    </script>
  </head> 
  <body>
   <a href="b.html">goto b</a>
  </body>

b.html的代码如下:

 <script  language="javascript" type="text/javascript">
	function goback()
	{
		//back()方法可以加载历史前一个页面。
		//go()方法可以返回到访问过的指定的页面。他们都是history的方法。
		//history.back()=history.go(-1)
		history.back();
	}
    </script>
  </head> 
  <body>
    <a href="#" onclick="goback();">返回上级页面</a>
  </body>



location对象包含当前url的信息,是window对象的一个属性。它对应于页面的url。它最主要的方法是reload()表示重新加载当前页面。

它也可以通过属性返回当前页面的主机,端口,协议等等。

案例:

 <script  language="javascript" type="text/javascript">
	function test()
	{
		location.reload(); //刷新页面。
		//得到url,主机,端口。
		document.write(location.href+"||"+location.hostname+"||"+location.port);
	}
    </script>
  </head> 
  <body>
    <input type="button" value="刷新页面" onclick="test()">
  </body>


navigator用法:该对象包含浏览器本身的信息。

 <script  language="javascript" type="text/javascript">
	document.write("<p>Name: ");
	//打印浏览器的名称,平台
	document.write(navigator.appName+"</p>"+navigator.platform+);
    </script>
  </head> 
  <body>
  </body>



screen对象:主要包括屏幕的相关信息。
















<script  language="javascript" type="text/javascript">
	//打印出当前屏幕的高度和宽度。从而判断分辨率
	document.write(screen.width+" "+screen.height);
    </script>
  </head> 
  <body>
    
  </body>



Event对象事件:


关于绑定事件用法:

(1) 直接和某个html控件绑定,比如:

<input type="button" value="刷新页面" onclick="test()">

(2)通过getElementById()获取到元素后再绑定监听事件,比如:

 <script  language="javascript" type="text/javascript">
	function test()
	{
		document.write("hello");
	}
    </script>
  </head> 
  <body>
    <input type="button" id="but1" value="刷新页面" >
	<script  language="javascript" type="text/javascript">
	//绑定方法事件。
	document.getElementById("but1").onclick=test;
    </script>
  </body>
(3)如果我们有一个投票系统,但是只能让一个人投一次票。(使用attachEvent和detachEvent方法来绑定)
  <script  language="javascript" type="text/javascript">
	function test()
	{
		alert("你投了一次票");
		//解除方法绑定
		document.getElementById("but1").detachEvent("onclick",test);
	}
    </script>
  </head> 
  <body>
    <input type="button" id="but1" value="投票" >
	<script  language="javascript" type="text/javascript">
	//绑定方法事件。
	document.getElementById("but1").attachEvent("onclick",test);
    </script>
  </body>


案例:用户输入数字,如果输入的不是数字,则提示。

代码如下:

<script  language="javascript" type="text/javascript">
	function test(event)
	{
		//用户每按下建都判断
		if(event.keyCode<48 || event.keyCode>57)
		{
		alert("对不起,你输入的不是一个数字");
		return false;
		}
	}
    </script>
  </head> 
  <body>
    <input type="text"  onkeypress="return test(event)" id="text1"/>
    <input type="button"  value="提交"  onclick="test()">
  </body>




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

韩顺平网页设计第四十二讲1

window的方法setInterval()的使用案例: 每隔一秒刷新时间 //setInterval()按照指定的周期来循环调用函数或者表达式。是一个window对象 //每隔一秒钟弹出hello...

韩顺平网页设计第四十三讲

clearTimeout()用法案例: function test(){ window.alert("abc"); } //setTimeout的作用是4秒以后运...

韩顺平网页设计第四十五讲

document对象: 代表的是整个html文档,可以访问文档中的所有对象。 write()向文档输出文本或者js代码 writeln()与write()不同的是换行输出。但是对于浏览器来说没有区别。

传智播客.韩顺平.轻松搞定网页设计(html.css.javascript)

传智播客.韩顺平.轻松搞定网页设计(html.css.javascript)http://www.kesjc.com/bbs/forum-66-1.html 第00讲.开山篇 第01讲.html介...
  • cgnine
  • cgnine
  • 2014-07-01 18:08
  • 1136

韩顺平 java 第十二讲 多态

什么是多态?就是指一个引用(类型)在不同情况下的多种状态。 也可以这么理解:多态是指通过指向父类的指针,来调用在不同子类中实现的方法。 面向对象的三大特性:封装、继承、多态。从一定角度来看,封装和继...

韩顺平 java 第28讲 面试题

面试题下列代码编译后处出现什么问题?public class Myclass{ public static void main(String a[]){ mymethod(a);...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)