Javascript2

最新推荐文章于 2024-08-01 11:12:47 发布

原创最新推荐文章于 2024-08-01 11:12:47 发布 · 447 阅读

0 ·

CC 4.0 BY-SA版权

java web 专栏收录该内容

20 篇文章

订阅专栏

1.重要对象string

2.重要对象Date

var date = new date();

document.wrirte("date.toLocalestring()");//获取当前时间并转化成习惯的格式

另外可以返回年，月，日，星期，当前的天，小时，秒；其中月返回的0-11 要+1；星期返回的是0-6，0是第一天，星期天。

还可以用返回毫秒数，处理缓存

3.Math对象

数学的运算。都是静态的，可以直接使用MAth.方法();

ceil(x): 向上舍入

floor(x):向下舍入

round(x):四舍五入

random（）：得到的随机数（伪随机数）

得到0-9的随机数：Math.floor(Math.random（）*10);

4.JS的函数：

由于不属于任何一个对象，直接写名称使用

eval(): 执行js代码（如果字符串是一个js代码,使用方法直接执行）

eval("alert('1234')");

encodeURI();对字符进行编码

decodeURI();对字符进行解码

isNaN();判断字符串是否是数字，是，返回false；不是，返回true；

parseInt();类型转换

JS没有重载（方法名相同，参数不同），如果有相同的，则执行最后一个。

但是可以通过argtments 数组来实现。（面试题）

5.js的BOM对象：

** bom: broswer object model：浏览器对象模型

navigator.appName//返回客户机浏览器的名字

**screen：获取屏幕信息

screen.width screen.height

** location ：请求URL地址

获取到请求到的URL地址location.href

**history：请求的URL的历史记录

到访问的前一个页面：history.back(); 或者history.go(-1);

到访问的后一个页面：history.forward(); 或者history.go(1);

**window：

窗口对象

顶层对象

方法：

alert(); 页面弹出一个框，显示内容

confirm:确认框

-var flag = window.confirm("显示的内容");

prompt()：输入的对话框

-window,propmt("显示的内容","输入框里面的默认值");

open():打开一个新窗口

-window.open("新窗口的地址"," "," 窗口的特诊，如高度宽度");

close():关闭一个窗口；兼容性很差

-window.close();

做定时器

** setInterval("js代码",毫秒数);每间隔时间段就执行一次

** setTimeout("js代码",毫秒数); 过了这段时间执行一次，只有一次

clearinterval(id)；清除掉setsetInterval("js代码",毫秒数)设置的定时器

clearTimeout(id); 清除setTimeout("js代码",毫秒数)设置的定时器

6.js的DOM对象：

document object model：文档对象模型

文档：超文本文档html,xml

7.DHTML：很多技术的简称：HTML，XML，CSS，javasript

8.document对象：

write()方法：向页面输出代码

getElementsById();通过元素得到标签，传递的参数是标签的ID

getElementsByName();通过Name属性得到标签，返回一个数组（集合），传递的参数是标签的Name属性

getElementsByTagName();传递的参数是标签名称，返回一个数组。

Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

9.做一个弹窗效果的WINDOW例子

其中用到了opener这个属性，用来引用打开该窗口的窗口

还有记得打开窗口后要关闭

<!doctype html>
<html lang="en">
 <head>
  <title>please insert here</title>
 </head>
 <body>
  编号：<input type="text" id="number">
  </br>
  姓名：<input type="text" id="name">
  </br>
<input type = "button" onclick="window.open('window1.html','newwindow','width=200,height=200')" value="选择"/>
 </body>
</html>

<!doctype html>
<html lang="en">
 <head>
  <title>Document</title>
 </head>
 <body>
  <script type="text/javascript">
  var str1="100",str2="东方不败";
  var str3="101",str4="岳不群";
  var str5="102",str6="林平之";
	function s1(num,na){
		var backwindow = window.opener;
		backwindow.document.getElementById("number").value= num;
		backwindow.document.getElementById("name").value = na;
		window.close;
	}

  </script>
	  <table border=2 bordercolor=red>
	  <tr>
		<td>操作</td>
		<td>编号</td>
		<td>姓名</td>
	  </tr>
	  <tr>
		<td><input type = "button" onclick="s1('100','东方不败')" value="选择"/></td>
		<td><script type="text/javascript">
			document.write(str1);
		</script></td>
		<td><script type="text/javascript">
			document.write(str2);
		</script></td>
	  </tr>
	  <tr>
		<td><input type = "button" onclick="s1('101','岳不群')" value="选择"/></td>
		<td><script type="text/javascript">
			document.write(str3);
		</script></td>
		<td><script type="text/javascript">
			document.write(str4);
		</script></td>
	  </tr>
	  <tr>
		<td><input type = "button" onclick="s1('102','林平之')" value="选择"/></td>
		<td><script type="text/javascript">
			document.write(str5);
		</script></td>
		<td><script type="text/javascript">
			document.write(str6);
		</script></td>
	  </tr>
	  </table>

 
 </body>
</html>