JavaScript基础语法、dom操作树及document对象


Posted in Javascript onDecember 02, 2014

第一部分 基本语法:

1、数据类型(字符串、小数、整数、布尔、时间日期)

var s="3.14" var n=parsefloat(s) s+=5;

var s="abc3.14" var n=parsefloat(s) //NaN s+=5;//解析转换成小数型

var d=parseInt(s)//解析转换成整数型

isNaN(字符串),判断是不是数字模样的字符串,是-false;否-true

2、变量
3、运算符:四大类
4、表达式(为了组成语句):变量+运算符
5、语句:三大类()
分类:
顺序
分支:if;if..else,if..else..if..else...if..else;if嵌套
switch...case
循环:穷举法,迭代法;四要素(初始条件;循环条件;循环体;状态改变)
for...
while...
6、数组:var a= new Array();
7、函数:四要素(名称,输入、返回、加工)

function show()

{

}

1、运算符

比较运算符(7种):==/===/!=/>/</<=/>=

===(全等于)

JavaScript基础语法、dom操作树及document对象

2、字符串substring的用法

JavaScript基础语法、dom操作树及document对象

3、练习题:累加求和(运用Js的方法)

JavaScript基础语法、dom操作树及document对象

4、进制转换

JavaScript基础语法、dom操作树及document对象

第二部分 DOM操作(操作html)树

windows对象--浏览器窗口
[window.document.
window.alert()]
window.location--地址栏
window.history--前进、后退(访问历史)
window.status--状态栏
window.document;(重点)

第三部分 document对象

1、找

var d=document.getElementById("元素的ID")
var d=document.getElementsByName("元素的名称")
var d=document.getElementsByTagNme("元素的标签名")

2、操作元素内容

常用元素:超链接、图片
分2类:
(1)表单元素(3类)文本(imput: type=text,password,textarea,hidden)、按钮(submit/reset/button/image)、选择(radio/checkbox/select下拉列表、列表框/file)
赋值 d.value=xxxx;
取值 var s=d.value
(2)非表单元素:h1....h6;p;div;span;ul;ol;li(记忆新闻)
控制格式标签
内容容器标签:
赋值:d.innerHTML=xxxx;
取值:var s=d.innerHTML;

3、操作元素属性

d.setAttribute(名,值)
var s=d.getAttribute(名)
d.removeAttribute(名)

4、操作元素样式

(1)内联样式:
d.style xxxxx=xxxx;
var s=d.style.backgroudcolor;
(2)class属性
d.className=""

5、操作相关元素
上、下、内、外

Javascript 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
JS 创建对象(常见的几种方法)
Nov 03 Javascript
xheditor与validate插件冲突的解决方案
Apr 15 Javascript
IE中jquery.form中ajax提交没反应解决方法分享
Sep 11 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
老生常谈combobox和combotree模糊查询
Apr 17 Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
小程序自定义组件实现城市选择功能
Jul 18 Javascript
taro开发微信小程序的实践
May 21 Javascript
JavaScript基础知识学习笔记
Dec 02 #Javascript
Js 正则表达式知识汇总
Dec 02 #Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 #Javascript
bootstrap改变按钮加载状态
Dec 01 #Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 #Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 #Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 #Javascript
You might like
PHP写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
详解PHP 7.4 中数组延展操作符语法知识点
2019/07/19 PHP
基于jQuery的倒计时实现代码
2012/05/30 Javascript
JavaScript的类型、值和变量小结
2015/07/09 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
2015/12/13 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
JavaScript+H5实现微信摇一摇功能
2018/05/23 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
2018/08/09 Javascript
node中的session的具体使用
2018/09/14 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
js实现电灯开关效果
2021/01/19 Javascript
python实现中文转换url编码的方法
2016/06/14 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
Python实现分段线性插值
2018/12/17 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
python的数学算法函数及公式用法
2020/11/18 Python
欧舒丹俄罗斯官方网站:L’OCCITANE俄罗斯
2019/11/22 全球购物
机械专业毕业生自荐信
2013/11/02 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript
el-form每行显示两列底部按钮居中效果的实现
2022/08/05 HTML / CSS