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 相关文章推荐
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
查看大图功能代码jquery版
Nov 05 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
JS+CSS实现简单的二级下拉导航菜单效果
Sep 21 Javascript
谈谈对offsetleft兼容性的理解
Nov 11 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
Oct 24 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
vue实现某元素吸顶或固定位置显示(监听滚动事件)
Dec 13 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
Vue2.0 $set()的正确使用详解
Jul 28 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中执行系统命令的方法
2015/03/21 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
Laravel 5.1 框架Blade模板引擎用法实例分析
2020/01/04 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
一些技巧性实用js代码小结
2009/10/14 Javascript
JSON 编辑器实现代码
2009/12/06 Javascript
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
JavaScript 异步方法队列链实现代码分析
2010/06/05 Javascript
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
2015/04/13 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
jQuery实现级联下拉框实战(5)
2017/02/08 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
jQuery Dom元素操作技巧
2018/02/04 jQuery
vue-image-crop基于Vue的移动端图片裁剪组件示例
2018/08/28 Javascript
Vue实现本地购物车功能
2018/12/05 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
vue动态子组件的两种实现方式
2019/09/01 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
2019/09/18 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
python 搭建简单的http server,可直接post文件的实例
2019/01/03 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
8和9的加减法教学反思
2014/05/01 职场文书
春节超市活动方案
2014/08/14 职场文书
小学思品教学反思
2016/02/20 职场文书
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL
MySQL中一条update语句是如何执行的
2022/03/16 MySQL
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏