开发者社区> 技术小胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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,如需转载请自行联系原作者



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
arcgisapi for javascript4.0学习笔记4.0新特性
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/51842547 arcgisapi for javascript4.
654 0
Javascript实现全选按钮
Javascript实现全选按钮
18 0
通过HTML+CSS+Javascript实现向下滚动滚动条出现导航栏并出现回到顶部按钮点击按钮回到顶部(一)...
通过HTML+CSS+Javascript实现向下滚动滚动条出现导航栏并出现回到顶部按钮点击按钮回到顶部(一)...
19 0
【Web前端】【JavaScript】实现表格隔行变色
【Web前端】【JavaScript】实现表格隔行变色
28 0
JavaScript中实现摸球概率统计事件
在三个不透明的盒子中分别每个盒子装了两个球,第一个盒子装2个红球,第二个盒子装1个红球和1个蓝球,第三个盒子装2个蓝球,问:随机从三个盒子中取出一个球,问这个球是红球的概率?
14 0
css3结合JavaScript实现翻页幻灯片效果
CSS3+JavaScript实现翻页幻灯片效果
10 0
PHP、Python、JavaScript实现AES加密解密
PHP、Python、JavaScript实现AES加密解密
70 0
通过javascript实现页面跳转
通过javascript实现页面跳转
32 0
JavaScript相关面试题3:1.JavaScript中如何取消请求;2.实现大型文件上传;3.async/await怎么进行错误处理
进度条数据 分块进度数据利用 axios 中的 onUploadProgress 配置项获取数据,通过使用computed 根据分块进度数据的变化自动自动计算当前文件的总进度. // 总进度条
33 0
JavaScript的深拷贝实现
  在实际开发当中,我们经常会遇到要对对象进行深拷贝的情况。而且深拷贝这个问题在面试过程中也经常会遇到,下面就对本人在学习过程中的收获,做以简单的总结。   关于浅拷贝的概念,我在网上看到一种说法,直接上代码。
21 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载
编程语言如何演化—— 以 JS 的 private 为例
立即下载