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 相关文章推荐
js点击更换背景颜色或图片的实例代码
Jun 25 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
Mar 08 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
JS实现获取word文档内容并输出显示到html页面示例
Jun 23 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
记录vue项目中遇到的一点小问题
May 14 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
Nov 12 Javascript
Vue学习之组件用法实例详解
Jan 06 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实现httpRequest的方法
2015/03/13 PHP
PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)
2016/12/14 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
PHP序列化和反序列化深度剖析实例讲解
2020/12/29 PHP
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
2014/06/26 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
详解vue中使用transition和animation的实例代码
2020/12/12 Vue.js
Python subprocess模块学习总结
2014/03/13 Python
python如何读写json数据
2018/03/21 Python
python计算列表内各元素的个数实例
2018/06/29 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
Python实现朴素贝叶斯的学习与分类过程解析
2019/08/24 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
adidas菲律宾官网:adidas PH
2020/02/07 全球购物
财务会计人员岗位职责
2013/11/30 职场文书
给同事的道歉信
2014/01/11 职场文书
分公司负责人任命书
2014/06/04 职场文书
学校志愿者活动总结
2014/06/27 职场文书
银行竞聘报告范文
2014/11/06 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python