1.在<body> 里面写上<script type="text/javascript">
document.write("yuanbao");
2.任何变量都是用var 关键字来声明,var是variable的缩写 关于name的加上数字或者,否则不同浏览器会出现不同的问题
也有关键字和保留字,会有文档对象相关的关键字,注释有两种 单行注释// 多行注释 /*.....*/
3.数据类型
a.基本类型:number string boolean underfined null
b.引用(对象)类型:
public class Student{
public int id;
public String name;
public int age;
}
public class Test{
public static void main(String [] args){
Student student=new Student();
student.id=1;
student.name="张三";
student.age=18;
}
}
4.创建对象方式
<script type="text/javascript">
//1创建(类)对象定义
function Person(){
//属性
this.age;
this.name;
this.address;
//函数(匿名函数)
this.show=function(){
document.write(this.age+"...."+this.name+"....."+this.address);
}
}
/*function Student(){
}
Student.prototype=new Person();*/
//2创建对象
var zhangsan=new Person();
zhangsan.age=20;
zhangsan.name="张三";
zhangsan.address="北京";
zhangsan.show();
5.写在body 或者title都可以,也可以在创建的时候直接写出来。
6.数组类型: var cities=new Array(3);cities【0】=10;cities【0】=20;cities【0】=30;
7.JavaScript的三种使用方式:a.<script>标签可以放在网页任何位置
b.使用外部jjs文件,把代码单独放在文件中 src=“00.js”
c.放在时间的属性中, onclick <input type="button" value="别点我" οnclick="alerk"('你还是点了') />
8.javascript中的运算符跟java类似,==和===有区别 ==比较内容 ===比较的类型和内容、
9.选择循环大部分与java类似,特殊的:
a.增加for for(var i in arr)i不是arr中的元素而是下标
10.函数 function关键字,参数表里面不写var 整个方法不写返回值类型
11.匿名内部类:
mathod1();
(function(s){
document.write("这是一个自执行匿名函数"+s);})("yuanbao");
12.闭包, 函数内部加了个函数。
闭包的三个条件 a.闭包是一个内部函数 b.闭包能够读取其他函数的局部变量 c.闭包和局部变量在同一个作用域
使用形式:a.作为函数的返回值,b.作为函数的参数
好处:a.局部变量常驻内存 b.避免污染全局变量 c.提高封装性保护局部变量;
13. 提示框:alert 无返回值,只会出来一个确定
confirm 有确定和取消两个弹窗,点击确定返回true
prompt 输入文本内容的弹窗 第一个参数是提示消息,第二个是用户输入的默认值
14.parseInt()字符串转换成整数
parseFloat()字符串转成小数
isNaN 判断数字是不是一个数字
15
事件 | 描述 |
---|---|
onchange | HTML 元素内容改变(离开光标触发) |
onclick | 用户点击 HTML 元素 |
onmouseover | 光标移动到HTML元素 |
onmouseout | 光标离开HTML元素 |
onkeydown | 用户按下键盘按键 |
onload | 浏览器已完成页面的加载 |
16.字符串和正则表达式
var str="hello,我爱java";//原始类型
var str2=new String("hello");//引用类型对象类型
var str3=String("hello");//原始类型
方括号:
表达式 | 描述 |
---|---|
[abc] | 查找方括号之间的任何字符。 |
[^abc] | 查找任何不在方括号之间的字符。 |
[0-9] | 查找任何从 0 至 9 的数字。 |
[a-z] | 查找任何从小写 a 到小写 z 的字符。 |
[A-Z] | 查找任何从大写 A 到大写 Z 的字符。 |
[A-z] | 查找任何从大写 A 到小写 z 的字符。 |
(red|blue|green) | 查找任何指定的选项。 |
元字符
元字符 | 描述 |
---|---|
. | 查找单个字符,除了换行和行结束符。 |
\w | 查找单词字符。[a-zA-Z0-9_] |
\W | 查找非单词字符。 |
\d | 查找数字。[0-9] |
\D | 查找非数字字符。 |
\s | 查找空白字符。 |
\S | 查找非空白字符。 |
\b | 匹配单词边界。 |
test()方法:
test()方法搜索字符串指定的值,根据结果并返回真或假。
var patt1=new RegExp("^1[3589]\\d{9}$"); document.write(patt1.test("13688889999"));//true
exec() 方法:
exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
var reg=/java/ig; var str="hello java,java是最好的编程语言,我爱Java"; var s=null; while(s=reg.exec(str)){ document.write(s); document.write("<br/>") }
字符串match()方法
var reg=/java/ig; var str="hello java,java是最后的语言,我爱Java"; var arr=str.match(reg); for(var i=0;i<arr.length;i++){ document.write(arr[i]+"<br/>"); }
字符串replace()方法
var reg=/java/ig; var str="hello java,java是最后的语言,我爱Java"; var str2=str.replace(reg,"JAVA"); document.write(str2+"<br/>");
字符串split()方法
var str="hello world,java best language"; var arr=str.split(/[ ,]/); for(var i=0;i<arr.length;i++){ document.write(arr[i]+"<br/>"); }
17.DOM
标签名
a.getElementById("YUANBAO") 通过id找到html元素
b.getElementTagName(“p”)找到所有<p>元素
c.getElementByClassName("") 找到class内容
修改
a.document.getElementById(id).innerHTML="abcd";
d.document.getElementById(id).attribute=新属性值
c.document.getElementById(id).style.property=新样式
d.var para=document.createElement("p");
e.var parent=document.getElementById("div1");
18. EventListener
document.getElementById("myBtn").addEventListener("click", displayDate);
addEventListener() 方法用于向指定元素添加事件句柄。
addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。
19.JavaScript计时
document.write("<br/>")
document.write("年份:"+(d.getYear()+1900));
document.write("<br/>")
document.write("年份:"+d.getFullYear());
document.write("<br/>");
document.write("月份:"+(d.getMonth()+1))
document.write("<br/>");
document.write("日期:"+d.getDate());
document.write("<br/>");
document.write("小时:"+d.getHours());
document.write("<br/>");
document.write("分钟:"+d.getMinutes());
document.write("<br/>");
document.write("秒:"+d.getSeconds());
setInterval() 周期执行函数
间隔指定的毫秒数不停地执行指定的代码:
每三秒弹出 "hello" :
setInterval(function(){alert("Hello")},3000);
实例展示了如何使用 setInterval() 方法
20.window.setTimeout("javascript 函数",毫秒数); 延迟执行函数