JavaScript基础语法、dom操作树及document对象

 更新时间:2014年12月02日 09:37:05   投稿:hebedich  
本文介绍了学习javascript重要的3个内容基础语法、dom操作树及document对象,小伙伴们一定要弄明白才行

第一部分 基本语法:

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种):==/===/!=/>/</<=/>=

===(全等于)

2、字符串substring的用法

3、练习题:累加求和(运用Js的方法)

4、进制转换

第二部分 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、操作相关元素
上、下、内、外

相关文章

  • 对象的类型:本地对象(1)

    对象的类型:本地对象(1)

    对象的类型:本地对象(1)...
    2006-12-12
  • 浅谈javascript错误处理

    浅谈javascript错误处理

    本文主要从前端开发者的角度谈一谈大多数前端开发者都会遇到的js错误,对错误产生的原因、发生阶段,以及如何应对错误进行分析、归纳和总结,希望得到一些有益的结论用来指导日常开发工作。
    2019-08-08
  • innerText 使用示例

    innerText 使用示例

    在元素间的文本就是通过对象.innerText,下面有个不错的示例,感兴趣的朋友可以参考下
    2014-01-01
  • 分享5个顶级的JavaScript Ajax组件库

    分享5个顶级的JavaScript Ajax组件库

    AJAX是用来对服务器进行异步HTTP调用的一系列web开发技术客户端框架,本文为大家分享了5个顶级的JavaScript Ajax组件库
    2018-09-09
  • Dojo Javascript 编程规范 规范自己的JavaScript书写

    Dojo Javascript 编程规范 规范自己的JavaScript书写

    良好的JavaScript书写习惯的优点不言而喻,今天彬Go向大家推荐Dojo Javascript 编程规范,相当不错的 Javascript 编程风格规范,建议大家可以借鉴一下此规范编写 Javascript。感谢i.feelinglucky的翻译
    2014-10-10
  • document 和 document.all 分别什么时候用

    document 和 document.all 分别什么时候用

    document 和 document.all 分别什么时候用...
    2006-09-09
  • 判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解

    判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解

    提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以都转换成小写,以防出错
    2013-11-11
  • 详细谈谈javascript的对象

    详细谈谈javascript的对象

    对象是一种复合值,它将很多值(原始值或其他对象)聚合在一起,可通过属性名访问这些值。而属性名可以是包含空字符串在内的任意字符串。JavaScript对象也可以称作一种数据结构
    2016-07-07
  • 告诉你什么是javascript的回调函数

    告诉你什么是javascript的回调函数

    在javascript中回调函数非常重要,它们几乎无处不在。像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply()函数的,或者有一些简短的关于callback的使用示例。
    2014-09-09
  • javascript中的107个基础知识收集整理 推荐

    javascript中的107个基础知识收集整理 推荐

    这篇文章对于初学者绝对是个不错的整理,需要的朋友可以收藏下。
    2010-03-03

最新评论