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下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
实现变速回到顶部的JavaScript代码
May 09 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
js获取 type=radio 值的方法
May 09 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
Nov 17 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
Feb 08 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
微信小程序实现弹出层效果
May 26 Javascript
Node.js JSON模块用法实例分析
Jan 04 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
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
php获取字符串中各个字符出现次数的方法
2015/02/23 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
将两个div左右并列显示并实现点击标题切换内容
2013/10/22 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
吐槽一下我所了解的Node.js
2014/10/08 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
2015/04/07 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
jQuery动态修改字体大小的方法【测试可用】
2016/09/09 Javascript
微信小程序-获得用户输入内容
2017/02/13 Javascript
angularjs $http调用接口的方式详解
2018/08/13 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
微信小程序getLocation 需要在app.json中声明permission字段
2020/03/03 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
利用Python读取txt文档的方法讲解
2018/06/23 Python
Python模拟简单电梯调度算法示例
2018/08/20 Python
Python爬虫 urllib2的使用方法详解
2019/09/23 Python
python每5分钟从kafka中提取数据的例子
2019/12/23 Python
Python 私有属性和私有方法应用场景分析
2020/06/19 Python
树莓派升级python的具体步骤
2020/07/05 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
新加坡时尚网上购物:Zalora新加坡
2016/07/26 全球购物
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
优秀教师先进事迹
2014/01/22 职场文书
风险评估实施方案
2014/03/09 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
移交协议书
2014/08/19 职场文书
社区党支部承诺书
2015/04/29 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书