码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript实现了网页的行为

时间:2017-07-29 22:23:24      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:element   字符串大小   符号   body   dom   jpg   last   over   code   

1.JavaScript使用
JavaScript 可插入 HTML 页面的编程代码。可由所有的现代浏览器执行。
JavaScript 标签可以放置到 HTML 页面的 <head> 或者<body> 部分。

2.JavaScript调试方法
使用 window.alert() 弹出警告框。
使用 console.log() 写入到浏览器的控制台。
使用 document.write() 方法将内容写到 HTML 文档中(文档加载后使用该方法,会覆盖整个文档)。

3.JavaScript注释
可以通过//,/**/方式注释

4.JavaScript支持的数据类型
字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。
都通过var关键字定义

var x; // x 为 undefined
var x = 5; // 现在 x 为数字
var x = "John"; // 现在 x 为字符串
var x=true; // 现在 x 为布尔
var name=new Array(); //现在为数组
name[0]="a";
var name=new Array("a","b","c");//现在为数组
var name=["a","b","c"];//现在为数组
var person={
firstname : "A",
lastname : "B",
};//现在为对象
//对象的使用可以使用以下2种方式
person.lastName;
person["lastName"];

 

5.JavaScript的函数使用关键字function定义,可以有返回值

function myFunction()
{
var x=5;
return x;
}

 

6.JavaScript支持运算符,逻辑运算符,If...Else,switch ,for,while ,Break , Continue,try...catch等逻辑操作

7.JavaScript可以改变 HTML和css
document.getElementById(id).innerHTML=新的 HTML
document.getElementById(id).attribute=新属性值 新增删除HTML 元素
document.getElementById(id).style.property=新样式

document.getElementById("div").innerHTML="test"; //新文本
document.getElementById("image").src="landscape.jpg";//新属性
document.getElementById("p2").style.color="blue";//新颜色
document.getElementById("p2").style.fontSize="larger";//新字体大小
var para=document.createElement("p");
var node=document.createTextNode("这是一个新段落。");
para.appendChild(node);//新元素
var element=document.getElementById("div1");
element.appendChild(para);//增加元素
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);//删除元素

 


8.JavaScript支持JavaScript HTML DOM 事件
onclick(点击),onload (加载网页), onunload(离开网页),onchange(改变输入字段),onmouseover (鼠标移至), onmouseout(鼠标移出),onmousedown(点击鼠标),onmouseup(释放鼠标)


9.JavaScript内置对象
Number:
所有 JavaScript 数字均为 64 位
toString()把数字转换为字符串,使用指定的基数。
toFixed(2)把数字转换为字符串,结果的小数点后有指定位数的数字。

String:
使用位置(索引)可以访问字符串中任何的字符:var n=name[2];
使用长度属性length来计算字符串的长度:document.write(n.length);
使用反斜线(\)插入特殊符号:var answer=‘It\‘s alright‘;
使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置:var n=name.indexOf("oo");
match()函数用来查找字符串中特定的字符,并且如果找到的话,则返回这个字符;
replace() 方法在字符串中用某些字符替换另一些字符;
字符串大小写转换使用函数 toUpperCase() / toLowerCase();
字符串使用split()函数转为数组;

Date:
var d = new Date().toUTCString();//获取当前日期并转为字符串

Math 对象:
round()四舍五入
random()返回 0 到 1 之间的随机数。
max()返回两个给定的数中的较大的数

此外还有Window 对象,Screen对象,Location对象,等

 

JavaScript实现了网页的行为

标签:element   字符串大小   符号   body   dom   jpg   last   over   code   

原文地址:http://www.cnblogs.com/corolcorona/p/7257597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!