首页 > 代码库 > JavaScript实现了网页的行为

JavaScript实现了网页的行为

2024-11-11 04:44:01   203人阅读

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="http://www.mamicode.com/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 （鼠标移至）， onm ouseout（鼠标移出），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实现了网页的行为


联系
我们