js常用操作

1.写入 HTML 输出
document.write("<p>This is a paragraph.</p>");
注：如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖

2.改变 HTML 内容
x=document.getElementById("demo");  // 找到元素
x.innerHTML="Hello JavaScript!";    // 改变内容

3.改变 HTML 图像
element=document.getElementById('myimage')
if (element.src.match("bulbon")){
 element.src="../i/eg_bulboff.gif";
}else{
 element.src="../i/eg_bulbon.gif";
}

4.改变 HTML 样式
x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";           //改变样式

5.验证输入是否为数字
var x=document.getElementById("demo").value;
if(x==""||isNaN(x)){
alert("Not Number");
}

6.对代码行进行折行
document.write("Hello \
World!");
注：在文本字符串中使用反斜杠对代码行进行换行

7.数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
var x                // x 为 undefined
var x = 6;           // x 为数字
var x = "Bill";      // x 为字符串

8.对象:
1)
var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};
2)
var person = new Object();
person.kkk="李四";
person.sadf=234;
3)访问对象属性和方法
var strString = "sdfsadfdf";
alert(strString.length); //访问属性
alert(strString.toUpperCase()); //访问方法

注：js内置对象：String、Math、Date、Array、Object、Function
jsp内置对象：request、response、response、application、out、pageContext、config、page、exception 

9.函数
1)参数
οnclick="myFunction('Bill Gates','CEO')"
function myFunction(name,job){
alert("Welcome " + name + ", the " + job);
}
2)直接调用
<h1 οnclick="this.innerHTML='谢谢!'">请点击该文本</h1>
2)传参
function changetext(id){
id.innerHTML="谢谢!";
}
<h1 οnclick="changetext(this)">请点击该文本</h1>

10.查找dom元素
var x=document.getElementById("intro");
var y=document.getElementsByTagName("p");


11.事件类型
1)鼠标点击事件
οnclick=""
οnmοusedοwn=""
οnmοuseup=""
2)鼠标移动事件
οnmοuseοver=""
οnmοuseοut=""
3)聚焦失焦
οnfοcus=""
οnblur=""
4)其他
οnlοad=""
οnchange=""


12.浏览器对象模型(BOM)与 文档对象模型(DOM)
window、screen、location、history、navigator、popupalert、timing、cookies

13.表格属性
.table_class{
width:400px;
border-right: 1px solid;
border-bottom: 1px solid; 
table-layout: fixed;
}
.table_class td{
border-top: 1px solid;
border-left: 1px solid;

overflow: hidden;  
white-space: nowrap;  
text-overflow: ellipsis;
}

14.元素隐藏
css display属性为none