js学习笔记

简介:

JS基础:

JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。

JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。

<!--  //-->注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。

JavaScript一行末尾加分号,是个很好的习惯(虽然根据 JavaScript 标准:分号是可选的),通过使用分号,可以在一行中写多条语句。

JavaScript 代码是 JavaScript 语句的序列,浏览器按照编写顺序依次执行每条语句。

js 注释:单行用://  多行用:/*  */

js中,由于 JavaScript 对大小写敏感,变量名也对大小写敏感(y 和 Y 是两个不同的变量);

js变量使用前须申明,例如(var a;),未进行过声明,该变量会自动声明;注意:单引号,双引号都会当做字符串处理,"5",'5'都表示字符串。

js运算符中 % 表示求余数x=y%2(注意:只会保留整数)。

js中创建三种消息框:警告框alert("文本")、确认框confirm("文本")、提示框prompt("文本","默认值")

try...catch 的作用是测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。注意:try...catch 使用小写字母。大写字母会出错。

Throw 声明
throw 声明的作用是创建 exception(异常)。你可以把这个声明与 try...catch 声明配合使用,以达到控制程序流并产生精确错误消息的目的。

 

 
  1. <html> 
  2. <body> 
  3. <script type="text/javascript"> 
  4. var x=prompt("Enter a number between 0 and 10:","") 
  5. try 
  6. {  
  7. if(x>10)  
  8. throw "Err1" 
  9. else if(x<0
  10. throw "Err2" 
  11. }  
  12. catch(er) 
  13. if(er=="Err1")  
  14. alert("Error! The value is too high") 
  15. if(er == "Err2")  
  16. alert("Error! The value is too low")  
  17. </script> 
  18. </body> 
  19. </html> 

 

<form action="" method="post" name="myform" onsubmit="return check()"> 

记得写return

document获取form值:var aa=document.myform.name.value;
var checkbox=document.myform.s.checked;返回true false
str.length值的字符数,不是字节数,比如“中文”为2;

js修改网页id中的值:document.getElementById("aa").innerHTML='2222';
在checkbox中:var r=document.getElementsByName("r"); r是数组

 

浏览器状态栏中显示信息:<script>window.status = "put your message here";</script>

JS面向对象:

JavaScript 是面向对象的编程语言 (OOP)。
对象只是一种特殊的数据。对象拥有属性和方法。
属性:alert(str.length);
方法:alert(str.toUpperCase());//输出大写

str.indexOf("Hello");//定位字符串中某一个指定的字符首次出现的位置
str.match("worlld");//返回null, 查找字符串中特定的字符,并且如果找到的话,则返回这个字符
str.replace("a","b");//replace() 方法在字符串中用某些字符替换另一些字符
str.slice(0,5);//字符串截取

我们为日期对象设置了一个特定的日期 (2008 年 8 月 9 日):var myDate=new Date();myDate.setFullYear(2008,7,9);
注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。

arr1.concat(arr2)
arr.join();//join() 方法将数组的所有元素组成一个字符串。

0 是逻辑的 false
1 是逻辑的 true
空字符串是逻辑的 false
null 是逻辑的 false
NaN 是逻辑的 false
字符串 'false' 是逻辑的 true

NaN 属性用于引用特殊的非数字值(不是一个数字)。NaN 不是常量,可以把它设置为其他值。isNaN() 来判断一个值是否是数字。原因是 

NaN 与所有值都不相等,包括它自己。var test2="Hello World!; 用isNaN(test2);  返回true
 

document.write(Math.round(4.7));5 // Math 对象的 round 方法对一个数进行四舍五入
document.write(Math.random());0.9370844220218102 //返回一个介于 0 和 1 之间的随机数
document.write(Math.floor(3.14));3 //想下取整
document.write(Math.ceil(3.94));4 //向上取整

HTML DOM对象

HTML DOM - HTML 文档对象模型
HTML DOM 定义了访问和操作HTML文档的标准方法。
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)

JavaScript 计时事件
在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
var t=setTimeout("javascript语句",毫秒); //提示:1000 毫秒等于一秒。
clearTimeout(t); //取消setTimeout()

var t=setInterval("javascript语句",毫秒);//在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。不过可以通过创建一个函数循环重复调用setTimeout,以实现重复的操作
clearInterval(t);




      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/945308,如需转载请自行联系原作者



相关文章
|
15天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
16 0
|
2月前
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
32 0
webgl学习笔记3_javascript的HTML DOM
|
2月前
|
JavaScript 前端开发 Java
webgl学习笔记2_javascript基础快速学习
webgl学习笔记2_javascript基础快速学习
28 0
|
2月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
2月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
36 0
|
8月前
|
存储 JavaScript 前端开发
【js】函数概述学习笔记(8)
【js】函数概述学习笔记(8)
25 0
|
8月前
|
存储 JavaScript
【js】数组学习笔记(7-2)
【js】数组学习笔记(7-2)
46 0
|
8月前
|
JavaScript 索引
【js】数组学习笔记(7-1)
【js】数组学习笔记(7-1)
36 0
|
8月前
|
JavaScript 前端开发 Python
【js】学习笔记-流程控制结构(5)
【js】学习笔记-流程控制结构(5)
53 0
|
8月前
|
前端开发 JavaScript Python
javascript入门学习笔记打卡(2)
javascript入门学习笔记打卡(2)
29 0