Javascript 学习总结,基本语法,数据类型,集合,类型转换,方法的使用,匿名方法,DOM,BOM,注册事件,动态操作元素,操作样式
Javascript 学习总结
介绍:
Javascript 在浏览器中运行
写在head,body,外部脚本文件
基本语法:
大小写敏感;
若类型语言:声明时不需要指定类型;
分好结尾;
注释:单行://
多行: /*
*/
字符串可以用单引号,也可以用双引号;
var value="hello";
var value='hello';
数据类型:
boolean
number
string
Undefined
Null
Object
查看变量类型可以用typeof()
console.log(typeof(1))
js 集合:
1.数组: var array=[1,2,3,4];
2.键值对:
var keyvalue={key1:"value1",key2:"value2"}; //js对象
var keyvalue={"key1":"value1","key2":"value2"};//json格式的对象
3.对象数组:[{},{},{}]
var keyvalue=[
{"key1:"value1","key2":"value2"},
{"key1:"value1","key2":"value2"},
{"key1:"value1","key2":"value2"}
];
数组对象属性:
length
数组对象方法:
concat():连接2个数组,返回结果;
join():将数组里所有元素放入一个字符串,元素通过指定的分隔符分割;
push():向数组的末尾添加一个或多个元素
reverse():颠倒数组中元素的顺序
sort():对数组的元素进行排序;
splice():删除元素并向数组添加新元素;arr1.splic(0,2,6)//从数组index=0开始删除2个元素,并在此删除index添加6
类型转换:
var str="9876";
var num=parseInt(str);
var num2=parseFloat(str);
typeof(num);
方法的使用:
function myFunction(para1,para2){
}
js不存在方法的重载,
从方法中获取参数还可以用arguments关键字,是一个数组;
匿名方法:
不需要些方法名称的方法;
var fun = function (a,b){
return b-a;
}
ar1.sort(fun)
fun(1,2);
(function(para1,para2){
})(1,2);
闭包:
可以理解为子方法可以使用父级方法里的变量,变量不易释放
DOM:
document object model
用于操作html文档(操作html标签里的内容)
js中将每一个标签当作对象处理
html中每个标签都有自己的属性,方法,事件;
DOM对象一般使用document关键字调用;
document.getElementById(id); = document.querySelector("#dv1");
document.getElementByName(name);
document.getElementByClassName(className); =document.querySelector(".dv"); document.querySelectorAll(".dv");
document.getElementByTagName(tag);
注册事件:
元素注册事件:
onclick="clickme()"
对象注册事件:
document.getElementById('txt1').onclick=function(){}
在方法内获取当前元素的值:alert(event.target.value)
var changeme=function(){
alert(event.target.value);
}
document.getElementById("txt1").onchange=changeme;
动态操作元素:
document.createElement();
document.insertBefore(new1,orge1);
document.firstChild;获取第一个子元素;
var dv1=document.getElementById("dv1");
var appnode = document.createElement("input");
dv1.appendChild(appnode)
获取元素内容:
VAR content =document.getElementById("dv1").innerHTML;
VAR content =document.getElementById("dv1").innerText;获取标签里内容部分内容,不取标签;
console.log(content);
操作样式:
操作style属性:
document.getElementById("dv1").style.font-size="20px";
BOM:
browser object model 用于操作浏览器的行为;
操作bom对象,一般使用windows关键字;
常用方法:
alert(); 弹出提示对话框
confirm();弹出确认对话框
prompt():弹出输入对话框,返回输入内容;
setInterval(fun,milliseconds): 计时器,以毫秒计算,fun要执行的代码,知道窗口关闭或调用了clearInterval()
setTimeout(fun,milliseconds):一次性计时器,在指定的毫秒后调用;
localtion:浏览器地址栏:
host:返回URL的主机名和端口
href:返回完整的url
port:
onload:
相关文章
- JavaScript 事件不触发
- jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等) 初识document.onkeydown及其兼容性问题 js学习笔记27----键盘事件 JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- JavaScript DOM总结(文档事件)
- 地球引擎保姆级教程——JavaScript的基础语法介绍(print,括号和函数)
- 前端开发面试题—JavaScript事件
- 26dwr - DWR中的JavaScript(创造一个与 Java 对象匹配的 Javascript 对象)
- Javascript docs
- JavaScript 12. 事件
- javascript事件模型框架
- 精读JavaScript模式(九),JS类式继承与现代继承模式其二
- Selenium3.X 与 Javascript (Nodejs)
- 【JavaScript】重温Javascript继承机制
- javascript事件绑定
- js实例分析JavaScript中的事件委托和事件绑定
- Javascript 笔记与总结(2-14)事件
- Javascript 笔记与总结(2-5)window 对象
- ArcGIS Javascript 图层事件绑定
- 《JavaScript入门经典(第6版)》——1.6 DOM简介
- 《编写可维护的JavaScript》——第 1 章 基本的格式化 1.1缩进层级
- Javascript事件与功能说明大全
- 浅析JavaScript中如何实现并发控制:并发控制的理解和执行流程、使用 asyncPool 实现并发控制及其实现原理、如何手写 Promise.all 和 Promise.race
- 使用 Exif.js 插件JavaScript脚本读取图片元信息
- JavaScript判断数据类型总结
- javascript 原生事件综合查询
- Javascript:存储和读取cookie
- json里的日期字符串 怎么 转换成 javascript 的 Date 对象?
- 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
- Javascript Date原型方法
- 40 JavaScript Chart and Graph Libraries for Developers--reference
- JavaScript之面向对象的概念,对象属性和对象属性的特性简介
- javascript事件处理程序的3个阶段