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的一个简单的脚本验证插件
Apr 05 Javascript
javascript数字数组去重复项的实现代码
Dec 30 Javascript
jQuery之$(document).ready()使用介绍
Apr 05 Javascript
动态加载script文件的两种方法
Aug 15 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
Angularjs 依赖压缩及自定义过滤器写法
Feb 04 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
GOJS+VUE实现流程图效果
Dec 01 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 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
PHP 采集程序原理分析篇
2010/03/05 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
JS之小练习代码
2008/10/12 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
jQuery序列化表单成对象的简单实现
2016/11/29 Javascript
使用vue.js编写蓝色拼图小游戏
2017/03/17 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
koa socket即时通讯的示例代码
2018/09/07 Javascript
微信小程序使用map组件实现路线规划功能示例
2019/01/22 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
利用Python自动化操作AutoCAD的实现
2020/04/01 Python
python接入支付宝的实例操作
2020/07/20 Python
Python使用Pygame绘制时钟
2020/11/29 Python
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
德国网上花店:Valentins
2018/08/15 全球购物
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
高中军训感言1000字
2014/03/01 职场文书
请假条的格式
2014/04/11 职场文书
超市仓管员岗位职责范本
2014/09/18 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
通知的格式范文
2015/04/27 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
感恩主题班会教案
2015/08/12 职场文书
学习雷锋主题班会
2015/08/14 职场文书