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 相关文章推荐
远离JS灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 Javascript
使用UglifyJS合并/压缩JavaScript的方法
Mar 07 Javascript
innerText和textContent对比及使用介绍
Feb 27 Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
JS实现可展开折叠层的鼠标拖曳效果
Oct 09 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
JavaScript find()方法及返回数据实例
Apr 30 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
php str_replace的替换漏洞
2008/03/15 PHP
PHP高手需要要掌握的知识点
2014/08/21 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
php利用cookie实现自动登录的方法
2014/12/10 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
php、java、android、ios通用的3des方法(推荐)
2016/09/09 PHP
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
鼠标滚轮控制网页横向移动实现思路
2013/03/22 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
2013/09/24 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
React实现双向绑定示例代码
2016/09/19 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
vuejs实现标签选项卡动态更改css样式的方法
2018/05/31 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启
2019/05/16 DOTA
基于Python实现的ID3决策树功能示例
2018/01/02 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
python 字典访问的三种方法小结
2019/12/05 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
犯错检讨书
2014/02/21 职场文书
超越自我演讲稿
2014/05/21 职场文书
后备干部培训方案
2014/05/22 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
win10清理dns缓存
2022/04/19 数码科技