JavaScript基础理解及技巧(入门)
1.java和JavaScript的区别:
(1)js只需要解释就可以执行了,而java需要先编译成字节码文。JavaScript的运行只需要浏览器的支持,而java的运行需要JVM(java虚拟机)。
(2)JavaScript是弱类型java是强类型。注(java8大类型)整型:byte short int long 浮点型:float double 字符型 char和bool型变量。(string是应用数据类型)
2.JavaScript引用方式:
(1)最常用的直接在head里面加(当然全文都可以加,只不过一般是加在head之中。)
<script type="text/javascript">
</script>
(2)规范化编程,将js文件封装在一个文件夹之中,利用src进行调用。
<script type="text/javascript" src="js/js_demo1.js">
</script>
注:一般在webcontent之下建立js目录,新建js文件的类型是JavaScript Source File。(Ctrl加鼠标点击链接跳入js文件)
3.js变量特点
js中变量可以重复,下面的变量会覆盖上面的变量,变量的类型随着值的类型改变而改变。
4.JavaScript中对象的引用方法和java基本相同。
JavaScript的目的就是为了弥补HTML无法实现动态交互特点而设计的,所以JavaScript中对象基本上和java相同,都能引用对象有的方法,比如:
<script type="text/javascript">
var name='www.baidu.com';
var strsub=name.substring(3,8);
document.write(strsub);
</script>
5.JavaScript数据类型(undefined,NaN,null):
js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型。
未定义的值和定义未赋值的为undefined,null是一种特殊的object,NaN是一种特殊的number。
undefined与null是相等,NaN与任何值都不相等,与自己也不相等。
6.js中数组长度不固定,和java中的集合一样。js中数组不需要指定长度。
7.JavaScript中的方法:
JavaScript中的方法没有重载,如果方法名字相同,后面的方法会把前面的方法覆盖掉。这是因为function是应用变量,而应用变量是存于堆中。方法传递参数时是从左向右赋值,如果调用实参多余形参,也是从左向右,多余的实参遗弃。
8.JavaScript对象创建的私有方法:
一般JavaScript中创建对象
function Person(name,age){
this.name=name;
this.age=age;
this.showInfo=showInfo;
}
var showInfo=function(){
alert(this.name+" "+this.age);
}
var person=new Person("zhangsan",23);
person.showInfo();
但是有的情况下showInfo方法不想被其他方法调用,这个时候可以用如下的代码:
function Person(name,age){
this.name=name;
this.age=age;
}
Person.prototype.showInfo=function(){//以原型方式来赋值
alert(this.name+" "+this.age);
}
var person=new Person("zhangsan",23);
person.showInfo();
9.window常用对象中的setinterval和setTimeout:
setinterval用于设置时间间隔定时触发事件,而setTimeout用于在指定时间之后触发事件。
10.JavaScript获取dom对象的3种基本方法:
document.getElementById();通过ID获取
document.getElementByName();通过name获取
document.getElementByTagName();通过标签名获取,比如<input> ,<body>等等
注意:因为ID是唯一的。所以只会获取一个对象,而name和tagname都可能会有几个,所以这两个一般会获取很多组成一个数组。
JavaScript基础理解及技巧(入门)的更多相关文章
- JavaScript基础——理解变量作用域
一旦你开始在JavaScript应用程序中添加条件.函数和循环,就需要理解变量作用域.变量作用域规定了如何确定正在执行的代码行上的一个特定变量名的值. JavaScript允许你既定义全局版本又定义局 ...
- (译文)掌握JavaScript基础--理解this关键字的新思路
普通函数 下面这种就是普通函数 function add(x, y) { return x + y; } 每个普通函数被调用的时候,都相当于有一个this参数传进来. 内部函数this不会是外部函数传 ...
- javascript基础入门知识点整理
学习目标: - 掌握编程的基本思维 - 掌握编程的基本语法 typora-copy-images-to: media JavaScript基础 HTML和CSS 京东 课前娱乐 众人皆笑我疯癫,我笑尔 ...
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
- javascript基础系列(入门前须知)
-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...
- 8 张脑图入门 JavaScript - 基础面试不倒
8 张脑图入门 JavaScript - 基础面试不倒 转载请注明出处 第一:JavaScript 的变量 第二:JavaScript 运算符 第三:JavaScript 数组 第四:JavaScri ...
- JavaScript 基础入门
JavaScript 基础入门 JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript 因为网景开发了JavaScrip ...
- JavaScript基础入门10
目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中 ...
- JavaScript基础入门09
目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础 ...
随机推荐
- mysql灾备演练问题
前期写的mysql热备份脚本恢复,还没有正式用到过,但是今天演练灾备恢复,但是遇到几个问题. 测试环境: 搭建mysql,安装xtrabackup vim /etc/yum.repos.d/Perco ...
- Web重温系列(二):SQLite+EF6实现本地化存储
本来我们的产品有着复杂的层次结构,作为客户端的C# WinForm是不操作数据库的.但是最近有个需求,需要将数据本地保存.可选的方案很多,比如文本文件或者XML序列化和反序列化,或者如access.d ...
- java生成txt文件,读txt文件
1.方法1 public static void main(String[] args) { try { FileWriter fileWriter = new FileWriter("c: ...
- 万能分布式消费框架,添加基于redis中间件的方式。
框架目的是分布式调度起一切任何函数(当然也包括调度起一切任何方法). 之前写的是基于rabbitmq的,作为专用的消息队列好处比redis的list结构好很多.但有的人还是强烈喜欢用redis,以及r ...
- 【hbase】Unable to read additional data from client sessionid 0x15c92bd1fca0003, likely client has closed socket
启动hbase ,验证出错 Master is initializing 查看zk日志,发现Unable to read additional data from client sessionid 0 ...
- SpringMVC工作原理 : HandlerMapping和HandlerAdapter
一.HandlerMapping 作用是根据当前请求的找到对应的 Handler,并将 Handler(执行程序)与一堆 HandlerInterceptor(拦截器)封装到 HandlerExecu ...
- JavaScript系统对象
1. 本地对象(非静态对象) 常用对象有: Object.Function.Array.String.Boolean.Number.Date.RegExp.Error 注:本地对象需要new之后再使用 ...
- 【微信开发】cURL error 60: SSL certificate problem: unable to get local issuer certificate (see http://curl.haxx.se/libcurl/c/libcurl-errors.html)
在做微信开发时候,请求为你接口报错: 解决方案: 1 下载cacert https://curl.haxx.se/ca/cacert.pem 2 修改 php.ini , 并重启 curl.cainf ...
- Nest js 使用axios模块
文档 let r = await this.http.get(`https://api.github.com/users/januwA`).toPromise().then(v => v.dat ...
- TestNG 框架的运用
TestNG这个测试框架可以很好的和基于Selenium的web自动化测试结合在一起,实现把我们写好的自动化测试用例以自定义顺序执行.下面分为十二步来对TestNG测试框架进行总结,包括环境的部署,从 ...