简介:
javaScript:它是一种动态类型,弱类型的,基于原型的的语言。是一种脚本语言 对于内嵌式的js主要写在两个地方:<head></head>和<body></body>中,必须嵌在<script type = "text/javascript" charset = "utf-8"> </script>
charset是用来统一字符集
还有一个方法和一个对象:alert("这里是字符串");
和document对象。document.write(往页面上写的内容);
第二部分
1、javascript的引入方式:
直接在嵌入html代码中从外部引入<script type = "text/javascript" src="./js/myjs"></script>
2、JavaScript的注释:
单行注释 //多行注释 /*这里是多行注释 */
3、JavaScript的变量:
强制类型转换:(常用的 )var paramname;是弱类型的,后边可以跟任何的类型var a = 3;document.write("a= " +a +"</br>");var b = "这是字符串";document.write("b= " +b+"</br>");
parseInt("")和parseFloat("")函数只对于string类型起作用 例如:var a = parseInt("123"); var b = parseInt("23");alert("a-b的结果是"+(a-b) );
4、JavaScript的基本数据类型
<script type="text/javascript">
var a=1;
document.write("数值类型a="+a+"<br/>");
var b=1.2;
document.write("数值类型b="+b+"<br/>");
var c='我是人';
document.write("字符串类型c="+c+"<br/>");
var d=false;
document.write("布尔类型d="+d+"<br/>");
var e; // 表示变量不含有值 输出结果是undefined
document.write("e="+e+"<br/>");
var f="你好";
document.write("f="+f+"<br/>");
f=null; // 变量置空
document.write("f="+f+"<br/>");
</script>
5、算术运算符
+,-,*,/,%(取余 ),++x(x=x+1,x=x,输出结果为11),x++(x=x,x=x+1,输出结果是10 )6、赋值运算符
7、比较运算符(x=10)=,+=,-=,*=,/=,%=
8、逻辑运算符x == 10 结果是truex == '10' 结果是truex ===10 结果是true //表示类型也得相等,JavaScript等弱类型特有的,java中没有x ==='10 ' 结果是falsex !=='10' 结果是true //!==表示也比较类型其他的运算符跟java一样
9、三目运算符与: &&或: ||
(x>y)?x:y //若x>y则结果为x,否则结果为y
第三部分:
1、JavaScript处理DOM事件
js代码:function fuck(){alert("我是单机事件");
}
2、JavaScript操作DOM节点<input type = "button" value = "单击 " onclick = "fuck()">ondblclick 鼠标双击onmousedown 鼠标按下时触发此事件onmouseup 鼠标松开后触发此事件onmousemove 鼠标移动时触发此事件onmouseout 当鼠标离开某对象范围是触发事件onkeypress 当键盘上的某个键按下并释放时触发的事件onkeydown 当键盘上某个键被按下时触发事件okkeyup 当键盘上某个键被放开时触发事件onsubmit 一个表单被提交时触发的事件......
function modifyDOM(){
document.getElementById("txt").innerHTML="用户名:"; //将id为txt的标签赋值为“用户名: ”
document.getElementById("userName").value="Jack"; //将输入框的默认值修改为"jack"
}
function addDOM(){
var para=document.createElement("p"); //创建一个<p> 标签var node=document.createTextNode("...前..."); //创建一个文本节点para.appendChild(node) ; //将文本放在p标签中var parent=document.getElementById("parent"); //对象为id为parent的div var son1=document.getElementById("son1"); //对象为id为son1的divparent.insertBefore(para, son1); //将para对象插入到son1对象的前边
}function removeDOM(){var parent = document.getElementById("parents" );va = document.getElementById("son");
parent.removeChiled(son);
}第四部分:
1、JavaScript对象 (对象的构造方法,既能构造参数,又能构造函数 )function person(name,age){this.name2=name;
this.age2=age;
function speak(something){
alert(something);
}
this.func=speak; //函数也可以
}
var p1=new person("Jack",12); //js对象
alert(p1.name2); //调用对象
p1.func("Hello,EveryOne!"); //调用对象函数2、JavaScript的字符串对象
计算字符串对象的长度: strName.length改变字符串的样式:
strName.big();//变大strName.bold(); //加粗strName.fontcolor("Red"); //改变字体颜色strName. toLowerCase(); //变为小写......
3、JavaScript的日期对象strName.ndexOf(“制定的字符串") ;//来定位字符串中某一个指定的字符首次出现的位置strName.replace(“被替换的字符串","新字符串 ") ;//来定位字符串中某一个指定的字符首次出现的位置
strName.match("字符串 ");//返回查找成功的字符串,严格区分大小写
<script type ="text/javascript">
var date = new Date(); //获取日期对象//获取年月日
var today = date.getFullYear()+"年"+date.getMonth()+"月"+date.getDate()+"日";
document.write(today+"<br/>");
//获取时分秒
var shijian = date.getHours() +"时"+ date.getMinutes()+"分"+date.getSeconds()+"秒";
document.write(shijian+"<br/>");//打印时间
document.write(today+" "+shijian);
//获取周几var day = date.getDay(); //getDay() 是获取星期几的函数
var week;
switch(day)
{
case(0): week = "周日";break;
case(1): week = "周一";break;
case(2): week = "周二";break;
case(3): week = "周三";break;
case(4): week = "周四";break;
case(5): week = "周五";break;
case(6): week = "周六";break;
}
document.write(" "+week);
</script>
4、数组对象
var arr = new Array(); //定义变长的数组或者var arr2 = new Array(3); //定义定长的数组
//数组的遍历for(i = 0;i<arr.length;i++){document.write(arr[i]+" "+"<br/>");
} 或者是for(o in arr2){document.write(arr2[o] + "<br/>");
}
数组常用方法:
document.write(arr.sort()+" <br/>"); //字母顺序或者数字顺序document.write(arr2.join("!")+" <br/> "); //连接arr2数组的元素并以!隔开document.write(arr.concat(arr2)+"<br/>") ; //将数组arr2和arr合并document.write(arr2.reverse()+"<br/>") ; //将arr2按sort()排序的逆序
第五章 常用函数
1、全局函数
escape("这里是字符串 "); // 对字符串进行编码unescape("编码后的串 ") ; //解码eval("要计算的某个字符串1+2+3 ") ; //对字符串进行计算isNan(x); //检查x是否为合法的非 数值类型 是则返回 false 不是则返回falseisFinit(x );//如果参数书有限数字,则返回true,否则返回falseparseInt("string");parseFloat("string");
2、 页面定时刷新的几种方法
3、windows的几个函数//方法一: 用定时器方法整个页面定时刷新
function myrefresh()
{
window.location.reload();
}
window.setTimeout('myrefresh()',1000); //注意是单引号,然后加(),然后时间的单位值毫秒
//方法二: setInterval ('方法()',1000)function setTime(){
var date = new Date();
var today = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日"+date.getHours() +"时"+ date.getMinutes()+"分"+date.getSeconds()+"秒";
document.getElementById("timediv").innerHTML = today;
}
window.setInterval('setTime()',1000);
window.open("http://www.baidu.com"); //必须要加http
以以上为javascript的基础部分,高级部分后续会更新