js,bom,dom(相信我,你看不懂我写的)

js dom bom

2种结合方式:
	1.在body中加入script标签,<script type="text/javascript" >alert("	向页面弹出提示框显示内容");</javascript>
	2.引入外部js文件<script type="text/javascrip"src="1.js"></script>
	此方法中写script代码无效

js类型:
	原始类型:-string:var str="abc";(字符串)
		-number:var m=123;(数字)
		-boolean:var flag=true;(布尔)
		-null:var flag=new Data();(空的引用对象)
		-undifned:var a;(没有赋值的变量)
	typeof();产看当前变量的数据类型

js语句:
	if判断语句:if  -  else if-   else
	switch选择语句:
	-switch(a){
		case 5:
			alert(a);
			break;
			...
			default:...
		}
	循环语句:while和for和do-while

js运算符:(alert(页面弹出内容))
	1.js中不区分小数和整数
	2.字符串相加减:相加是字符串链接,相减是做减法运算
	3.提示NaN时表示输入的不是一个数字
	4.bool类型设置成true表示1,false表示0,可以相加减
	5.==比较的是值,===比较值和类型
	6.document.write("把内容显示在页面上,可以输变量,值和代码")

js数组:定义数组方式1.var arr={1,2,3};var arr={1,"4",true};
	2.使用array对象var arr=new Array(5);长度是5;arr[0]="1";
	3.var arr=new Array(3,4,5);
	length属性可以获得数组长度;数组可以放不同类型的数据

js函数:定义函数方式1.使用function定义
	function 方法名 (参数){
		方法体;
		返回值可有可无;}
	2.匿名函数:
	var add=function(参数){
		方法体;
		返回值}
	3.var add=new Function("参数","方法体和返回值");

js全局变量和局部变量:
	全局变量:在script标签里创建的变量,在页面的js部分都可以使用
	局部变量:在方法体内定义的变量,只能在方法体中使用
	ie8以上版本按f12打开调试面板

js标签放在body内,放在head里会获取不到body中的一些变量值

string对象的方法:1.与html相关的方法
		-bold()加粗
		-fontcolor()设置颜色
		-fontsize()设置字体大小
		-link()设置成超链接
		-sub()sup()下标和上标/////////str.方法()的格式

		2.与java相似的方法
		-concat();连接字符串
		-charAt();返回指定位置的字符串
		-indexOf();返回字符串的位置
		-split();按提示符分割字符串
		-replace();替换字符串中的字符
		-substr();从第几个开始向后取几个
		-substring();从第几个开始到第几个,取头不取尾

js的array对象:属性:length()查看数组的长度
		创建:1.var a1=[1,2,3];
			2.var a=new array(3);长度是3
			3.var a=new array(1,2,3,4);元素是1,2,3,4
			4.var a=[];创建空数组
		方法:-concat()连接数组
		-join()用指定字符分割数组
		-push()向数组末尾添加元素,返回一个数组长度,如果添加的是一个数组,当成整体加进去
		-pop()删除数组的末尾元素,返回一个删除的字符
		-reverse()颠倒整个数组的排序方式

js的Date对象:在java中获取时间
		Date date=new Date;//格式化或toLocaleString()转化时间格式
		js中获取当前时间
		var date=new Date;
		document.write(date.toLocaleString());//转化成习惯的格式
		getFullYear();获取当前年份
		getMonth();获取当前月份,返回的值加1
		getDay();返回当前星期几,星期天是0是一周的第一天
		getDate();得到当前的天1-31
		getHours();返回小时
		getMinute();返回分钟
		getSecond();返回秒
		getTime();返回1970.1.1至今的毫秒数,使用毫秒数可以达到处理缓存的效果	document.write(date.getDate)格式

js的Math对象:里面的都是静态方法,可以直接使用Math.方法()
		ceil(x);向上舍入
		floor(x);向下舍入
		round(x);四舍五入
		random();得到随机数--0-9的随机数Math.random()*10
		

js全局函数:str="alert('1234')";
		eval(str);执行字符串的代码
		a=encodeURL(str1);编码
		a1=decodeURL(str1);解码
		alert(isNaN(str));不是数字返回true否则返回false
		document.write(parseInt(str)+1)字符串进行加减运算

js函数重载:js中不存在重载,但可以通过arugments来模拟重载
		function add1(){
		if(argument.lenth==2){
		return argument[0]+arguments[1];}}
		else if...
		把参数传到arguments中

js的bom对象:1.document.write(navigator.appName)获取浏览器的信息
		2.Screen.width/height(宽/高)获取屏幕的信息
		3.Location请求url,地址-href属性
			Localtion.href;得到当前请求的地址
	<input type="button" value="tiaozhuang"onclick="href1();"/>
	function href1(){
		localtion.href="url";}--给按钮设置事件,执行href1,跳到指定地址
		4.history:请求url的历史纪录	
			history.back();返回上级,用button配合函数实现
			history.forward();返回下级
			history.go();括号里填1到下一个页面,-1到上一个页面
		5.window窗口对象/顶层对象
			-alert();弹出一个框显示内容
			-var a=window.confirm("message");确认框返回一个布尔值
			-window.prompt("对话框显示的内容","输入框里的默认值");打开一个对话框
			-open("打开窗口的url","   ","窗口特征设置高宽")打开一个新窗口
			-window.close();关闭窗口

			-下面是定时器函数
			-var id=window.setInterval("js代码",毫秒数)每多少秒执行一次代码
			-var id=window.setTimeout("js代码",毫秒数)多少毫秒数之后执行一次,也只执行一次
			-clearInterval(id);清除上面的setIntercal定时器
			-clearTimeout(id);清除上面的setTimeout定时器

js的document对象:1.write();向页面输出内容
		2.var input1=document.getElementById("id");通过id得到input对象
		alert(input1.value);得到value值;;input1.value="设置value值"
		3.var input2=document.getElementsByName("name");通过name得到input对象,用for循环来取值,也可通过下标获得值
		4.var input3=document.getElementsByTagName("input");通过input类型得到input对象,用for循环来取值,下标同上
		
posted @ 2019-10-17 21:45  wind叶  阅读(158)  评论(0编辑  收藏  举报