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中sort()方法的用法
Nov 04 Javascript
详解new function(){}和function(){}() 区别分析
Mar 22 Javascript
刷新页面的几种方法小结(JS,ASP.NET)
Jan 07 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
JS对象属性的检测与获取操作实例分析
Mar 17 Javascript
详解Vue slot插槽
Nov 20 Vue.js
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中OO之静态关键字以及类常量的详解
2013/06/07 PHP
php实现的css文件背景图片下载器代码
2014/11/11 PHP
php时间函数用法分析
2016/05/28 PHP
JS模拟多线程
2007/02/07 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
JavaScript控制table某列不显示的方法
2015/03/16 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
python3如何将docx转换成pdf文件
2018/03/23 Python
python3 pandas 读取MySQL数据和插入的实例
2018/04/20 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
python基于openpyxl生成excel文件
2020/12/23 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
机械专业个人求职自荐信格式
2013/09/21 职场文书
秘书专业自荐信范文
2013/12/26 职场文书
应届毕业生求职信范文分享
2013/12/26 职场文书
学生实习介绍信
2014/01/15 职场文书
土地转让协议书
2014/04/15 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
毕业证代领委托书
2014/09/26 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
教师批评与自我批评总结
2014/10/16 职场文书
怎么写工作检讨书
2014/11/16 职场文书
2014年话务员工作总结
2014/11/19 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
高中同学会致辞
2015/08/01 职场文书
二年级作文之动物作文
2019/11/13 职场文书
Go语言并发编程 sync.Once
2021/10/16 Golang