JavaScript DOM2

<!DOCTYPE html>
<html>
  <head>
    <title>JavaScript DOM语法02</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
		<script type="text/javascript">
		/*
		为了演示方便,定义一个事件源。通过对事件源的触发,获取想要的结果。
		比如让用户通过点击按钮就可以知道浏览器的一些信息。 
		*/
		
		//定义一函数。
		function windowObjDemo() {
			//想要知道这个浏览器的信息。 就需要使用window对象中的navigator
			var name = navigator.appName;
			var version = navigator.appVersion;
			document.write(name + "<br>");
			document.write(version + "<br>");
		}

		//演示location
		function windowObjDemo2() {
			var pro = location.protocol;
			var text = location.href;
			document.write(pro + "<br>");
			document.write(text + "<br>");
			//给location的href属性设置一个值。  改变了地址栏的值,并对其值进行了解析如果是http,还进行连接访问。
			//location.href = "http://www.sina.com.cn";
		}
		</script>
		
		<!--定义事件源,注册事件关联的动作-->
		<input type="button" value="演示window中的对象" onclick="windowObjDemo()" />
		<input type="button" value="演示window中的对象2" onclick="windowObjDemo2()" />
  </body>
</html>


你可能感兴趣的:(JavaScript DOM2)