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 相关文章推荐
IE 上下滚动展示模仿Marquee机制
Dec 20 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
JS代码优化技巧之通俗版(减少js体积)
Dec 23 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
Jan 21 Javascript
详解数组Array.sort()排序的方法
May 09 Javascript
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
Nov 09 Javascript
vue-router beforeEach跳转路由验证用户登录状态
Dec 26 Javascript
js实现无缝轮播图特效
May 09 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中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
PHP连接MSSQL方法汇总
2016/02/05 PHP
Yii框架的redis命令使用方法简单示例
2019/10/15 PHP
jquery JSON的解析方式
2009/07/25 Javascript
JS随机生成不重复数据的实例方法
2013/07/17 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
checkbox批量选中,获取选中项的值的简单实例
2016/06/28 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
2016/12/27 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
2017/01/15 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
webpack@v4升级踩坑(小结)
2018/10/08 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
Python中return语句用法实例分析
2015/08/04 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
python实现装饰器、描述符
2018/02/28 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python使用xlrd模块读取xlsx文件中的ip方法
2019/01/11 Python
python实现一个简单的ping工具方法
2019/01/31 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
django之自定义软删除Model的方法
2019/08/14 Python
德国旅游网站:weg.de
2018/06/03 全球购物
C++面试题:关于链表和指针
2013/06/05 面试题
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
函授大专自我鉴定
2013/11/01 职场文书
高级电工工作职责
2013/11/21 职场文书
机电专业大学生职业规划书范文
2014/02/25 职场文书
2015年话务员工作总结
2015/04/29 职场文书
初中思想品德教学反思
2016/02/24 职场文书