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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
JavaScript arguments.callee作用及替换方案详解
Sep 02 Javascript
token 机制和实现方式
Dec 15 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
ThinkPHP模板IF标签用法详解
2014/07/01 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
关于__defineGetter__ 和__defineSetter__的说明
2007/05/12 Javascript
常用的javascript function代码
2008/05/23 Javascript
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
JS禁用浏览器退格键实现思路及代码
2013/10/29 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
使用vue.js实现联动效果的示例代码
2017/01/10 Javascript
详解vue组件通信的三种方式
2017/06/30 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
JS实现动态添加外部js、css到head标签的方法
2019/06/05 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
JPype实现在python中调用JAVA的实例
2017/07/19 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
python修改FTP服务器上的文件名
2019/09/11 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
一些高难度的SQL面试题
2016/11/29 面试题
会计岗位描述
2014/02/22 职场文书
风险评估实施方案
2014/03/09 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
销售内勤岗位职责
2015/02/10 职场文书
教师教育教学随笔
2015/08/15 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
JavaScript前端面试扁平数据转tree与tree数据扁平化
2022/06/14 Javascript