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 相关文章推荐
jQuery1.5.1 animate方法源码阅读
Apr 05 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
javascript基本算法汇总
Mar 09 Javascript
基于模板引擎Jade的应用(详解)
Dec 12 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
小程序接入腾讯位置服务的详细流程
Mar 03 Javascript
JS实现进度条动态加载特效
Mar 25 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 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
层叠菜单的动态生成
2006/10/09 PHP
php 计算两个时间戳相隔的时间的函数(小时)
2009/12/18 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
prototype 的说明 js类
2006/09/07 Javascript
JavaScript入门学习书籍推荐
2008/06/12 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
2016/03/11 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
webpack+vue.js快速入门教程
2016/10/12 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
纯JS开发baguetteBox.js响应式画廊插件
2020/06/28 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
从列表或字典创建Pandas的DataFrame对象的方法
2019/07/06 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
大学团支书的自我评价分享
2013/12/14 职场文书
先进个人事迹材料
2014/01/25 职场文书
项目经理聘任书
2014/03/29 职场文书
《长相思》听课反思
2014/04/10 职场文书
单位单身证明样本
2014/10/11 职场文书
2014年驻村干部工作总结
2014/11/17 职场文书
redis三种高可用方式部署的实现
2021/05/11 Redis
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android