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 相关文章推荐
解决iframe的frameborder在chrome/ff/ie下的差异
Aug 12 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
Apr 11 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
JavaScript中输出标签的方法
Aug 27 Javascript
node.js中的querystring.stringify方法使用说明
Dec 10 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
Feb 16 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
浅谈原型对象的常用开发模式
Jul 22 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
Jun 10 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通过smtp邮件验证登陆的方法
2016/05/11 PHP
Ubuntu 16.04下安装PHP 7过程详解
2017/03/28 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
JS合并数组的几种方法及优劣比较
2014/09/19 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
浅谈javascript的分号的使用
2015/05/12 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
React Native基础入门之初步使用Flexbox布局
2018/07/02 Javascript
js+springMVC 提交数组数据到后台的实例
2019/09/21 Javascript
JavaScript如何操作css
2020/10/24 Javascript
Python中的两个内置模块介绍
2015/04/05 Python
python实现用于测试网站访问速率的方法
2015/05/26 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
使用Scrapy爬取动态数据
2018/10/21 Python
只需7行Python代码玩转微信自动聊天
2019/01/27 Python
详解Python 切片语法
2019/06/10 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
Sunglasses Shop英国:欧洲领先的太阳镜在线供应商之一
2018/09/19 全球购物
护理自荐信
2013/10/22 职场文书
空气的环保标语
2014/06/12 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
2015年党员承诺书
2015/01/21 职场文书
幼儿园教师自荐书
2015/03/06 职场文书
普通员工辞职信范文
2015/05/12 职场文书
2016年小学党支部创先争优活动总结
2016/04/05 职场文书
Android Gradle 插件自定义Plugin实现注意事项
2022/06/16 Java/Android