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 相关文章推荐
强制设为首页代码
Jun 19 Javascript
javascript import css实例代码
Jul 18 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 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 中执行排序与 MySQL 中排序
2009/04/21 PHP
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
PHP中localeconv()函数的用法
2019/03/26 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
JQuery 图片延迟加载并等比缩放插件
2009/11/09 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
jQuery+HTML5美女瀑布流布局实现方法
2015/09/21 Javascript
JavaScript数组的一些奇葩行为
2016/01/25 Javascript
JavaScript实现多种排序算法
2016/02/24 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
微信小程序实现tab页面切换功能
2018/07/13 Javascript
微信小程序之事件交互操作实例分析
2018/12/03 Javascript
[47:03]Ti4第二日主赛事败者组 LGD vs iG 2
2014/07/21 DOTA
[02:10]三分钟回顾完美世界城市挑战赛
2019/01/24 DOTA
[01:07:02]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第三场 2月26日
2021/03/11 DOTA
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
python实现合并两个排序的链表
2019/03/03 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
vscode调试django项目的方法
2020/08/06 Python
Android本地应用打开方法——通过html5写连接
2016/03/11 HTML / CSS
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
视图的作用
2014/12/19 面试题
关于工作时间玩手机的检讨书
2014/09/18 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
毕业生班级鉴定评语
2015/01/04 职场文书
爱国主义电影观后感
2015/06/18 职场文书
变长双向rnn的正确使用姿势教学
2021/05/31 Python
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript