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 相关文章推荐
Jquery 弹出层插件实现代码
Oct 24 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
jquery调整表格行tr上下顺序实例讲解
Jan 09 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
js querySelector() 使用方法
Dec 21 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
基于JavaScript表单脚本(详解)
Oct 18 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
Apr 19 Javascript
Node.js 使用jade模板引擎的示例
May 11 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
删除无限级目录与文件代码共享
2006/07/12 PHP
一个可查询所有表的“通用”查询分页类
2006/10/09 PHP
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
基于PHP导出Excel的小经验 完美解决乱码问题
2013/06/10 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
一个无限级XML绑定跨框架菜单(For IE)
2007/01/27 Javascript
js活用事件触发对象动作
2008/08/10 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
js实现简单模态框实例
2018/11/16 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
2018/12/22 jQuery
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
2019/02/15 Javascript
微信小程序收货地址API兼容低版本解决方法
2019/05/18 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
Python读写Excel文件方法介绍
2014/11/22 Python
Python调用命令行进度条的方法
2015/05/05 Python
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
python 实现将字典dict、列表list中的中文正常显示方法
2018/07/06 Python
python通过zabbix api获取主机
2018/09/17 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
python如何实时获取tcpdump输出
2020/09/16 Python
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
基层党员对照检查材料
2014/08/25 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
2016年国培研修日志
2015/11/13 职场文书
Python超简单容易上手的画图工具库推荐
2021/05/10 Python