JS 总结----基础部分
javascript基础:
1.每个属性都可以加ID
2.写函数的时候注意 == 和 = 不要写错了
3.html里面怎么写js里面就怎么写,但是有一例外 className
比如oDiv.class = 'box';必须要写成oDiv.className = 'box';因为class在js里面是关键字
4.通过Js给元素加属性可以避免兼容性问题
5.字符串拼接用加号的时候注意优先级,拿不准的时候就用小括号
eg: ...+1+1+... ==11
...+(1+1)+... ==2
6.JS中两种设置属性的方法:
oDiv.style.height = 100px;
oDiv.style.['height'] = 100px;
并且,在JS中能用点设置属性的地方都可以用中括号设置属性
7.变量与字符串的区别的应用:
'a':字符串(仅仅代表一个字符串)
a:变量(a里面放什么不固定)
8.JS通过style添加的样式都是加在了行间,用alert去取也是取得是行间样式,如果把这个样式设置在<style>里面或者外部css,都无法通过style取到
比如,用className设置的是外部样式,但style设置的是行间样式,如果混用这两种样式,可能会导致行间样式的优先级大于外部样式,而使外部样式失效。
建议:要么只是用行间,要么只是用外部样式。
9.把函数给onclick的时候可以不加括号(onclick必须要接受一个函数)
eg:法一:a.onclick = m; // m为一个函数
法二:a.onclick = function() {}; //取一个匿名函数
10. window.onload = function() {};
11.把script脚本放在前面的head里面,最好加上window.onload
把script脚本放在后面的body里面,可以不加
12. 3+4默认是字符串拼接 结果应该是34 而不是7 如果要使其结果为7,首先应该用parseInt强制类型转换,或者其他类型转换的操作
13.闭包:子函数可以使用父函数的局部变量
14.JS命名规范 41min
============================================================================
json的循环:
for (var i in json) {
alert('第' + i + '个东西:' + json[i]);
}
数组的length:
1.不仅可以读也可以写
a.length = 3; // 当length>3时,相当清空数组
2.添加与删除:
push:尾部添加
pop:尾部弹出
shift:头部弹出
unshift:头部添加
3.splice的几种用法:
// 1:删除:splice(起点,长度) 从2号元素开始,以此删除3个
// arr.splice(2, 3);
//2:插入:splice(起点,0,元素...)
// arr.splice(2, 0, 'a', 'b', 'c');
//3:替换:splice(起点,长度,元素)长度和元素的长度必须相等
// arr.splice(2, 2, 'a', 'b');
charAt:解决字符串脚标的兼容性
appendChild:
(包含两个步骤)
1.先把元素从原有父级上删掉
2.添加掉新的父级
eg:oUl2.appendChild(oLi);
=================================================================
深入javascript:
可变参(不定参):arguments
参数的个数可变,参数数组
Js第二定律:但凡是好东西,一定不兼容 哈哈!
=================================================================
易错:
1.window.onload = function(){}; // 结尾注意加分号
(不是window.onload() = function() {};)
函数结尾都要记得加分号
onload 后面没有小括号!
2.aDiv[i].style.background = 'red'; //red加小分号
3.length & lenght
soso:
input titile属性是不是被废弃?
q:
input 的name属性:
name 属性规定 input 元素的名称。
name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。
注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
<input type="checkbox" name=""> checkbox是表示复选框
JS 总结----基础部分的更多相关文章
- node.js学习(二)--Node.js控制台(REPL)&&Node.js的基础和语法
1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...
- Node.js系列基础学习----安装,实现Hello World, REPL
Node.js基础学习 简介 简单的说 Node.js 就是运行在服务端的 JavaScript.Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台.Node.js是一 ...
- css+js+html基础知识总结
css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...
- JavaScript基础精华02(函数声明,arguments对象,匿名函数,JS面向对象基础)
函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) { return i1 + i2;//如果不写return返回 ...
- JavaScript--我发现,原来你是这样的JS(基础概念--灵魂篇,一起来学js吧)
介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第三篇(灵魂篇介绍),有着剩下的第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂 ...
- js复习--基础
最近工作遇到了一些小困难,基础真的很重要,漫天高楼起于地. 一,script元素 包括type=“text/Javascript”,defer延迟到html加载完解析,src=“../../test. ...
- 第八节 JS运动基础
运动基础 让Div运动起来 速度——物体运动的快慢 运动中的Bug 不会停止 速度取某些值会无法停止 到达位置后再点击还会运动 重复点击速度加快 匀速运动(速度不变) 运动框架及应用: 运动框架: 在 ...
- JS零基础一步一步做应用全记录
1.起因 作为几个外卖重度依赖癌晚期患者,呆宿舍的时候几个人一起叫外卖已经是常事.偶然看到隔壁宿舍在饿了么订餐的时候,看到在饿了么的首页上有一个谁去拿外卖的一个小游戏/工具,感觉这个小细节,饿了么把握 ...
- 认识JS的基础对象,定义对象的方法
JS的基础对象: 1.window //窗口对象 2.document //文档对象 3.document.documentElement //html对象 4.docume ...
- 贰、js的基础(一)
1.js的语法 a.区分大小写 b.弱类型变量:变量无特定类型 c.每行结尾的分号可有可无 d.括号用于代码块 e.注释的方法与c语言和java相同 2.变量 注意事项: a.通过关键字var来声明. ...
随机推荐
- Linux下进程通信方式(简要概述)
http://blog.sina.com.cn/s/blog_65c209580100u0ee.html (1)管道(Pipe):管道可用于具有亲缘关系进程间的通信,允许一个进程和另一个与它有共同祖先 ...
- leetcode之旅(7)-Move Zeroes
Move Zeroes 题目描述: Given an array nums, write a function to move all 0's to the end of it while maint ...
- LeetCode(23)-Implement Queue using Stacks
题目: Implement the following operations of a queue using stacks. push(x) -- Push element x to the bac ...
- 高并发教程-基础篇-之nginx负载均衡的搭建
温馨提示:请不要盲目的进行横向扩展,优先考虑对单台服务器的性能优化,只有单台服务器的性能达到最优化之后,集群才会被最大的发挥作用. 一.架构图: 服务器准备:3台,ubuntu16.04系统maste ...
- merge intervals(合并间隔)
Given a collection of intervals, merge all overlapping intervals. For example,Given [1,3],[2,6],[8,1 ...
- 推荐eclipse插件Properties Editor(转)
Properties Editor 是一款properties文件编辑器. 需求:一般我们在做“国际化”功能时,我们需要properties中文表示方式用unicode表示.eclipse默认prop ...
- datetimepicker日期框选择后,无法触发bootstrapValidator
如上图所示,当选择日期后下面的"栏位不能为空"提示并不能及时的消失,同时点击提交按钮也没有用. 解决如下: 在birthday的校验规则里面添加trigger:'change',就 ...
- treeview树(利用数据表实现)带展开
Private Sub Form_Load()'引用C:\windows\system32\MSCOMCTL.OCX,否则提示出错. Dim Rec As New ADODB.Recordset Di ...
- access窗体最大化到软件大小
Private Sub Form_Load()DoCmd.ShowToolbar "Ribbon", acToolbarNo '窗体最大化,占满软件最 End Sub
- Python 30分钟入门指南
Python 30分钟入门指南 为什么 OIer 要学 Python? Python 语言特性简洁明了,使用 Python 写测试数据生成器和对拍器,比编写 C++ 事半功倍. Python 学习成本 ...