JavaScript整理

最新推荐文章于 2022-04-14 21:10:32 发布

Yuan_bao24

最新推荐文章于 2022-04-14 21:10:32 发布

阅读量92

点赞数 1

本文链接：https://blog.csdn.net/nongxi6701/article/details/100011204

版权

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 判断数字是不是一个数字

事件	描述
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 函数",毫秒数); 延迟执行函数

Yuan_bao24

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript整理

1.在<body> 里面写上<script type="text/javascript"> document.write("yuanbao");2.任何变量都是用var 关键字来声明，var是variable的缩写关于name的加上数字或者，否则不同浏览器会出现不同的问题也有关键字和保留字，会...
复制链接

扫一扫