《javascript入门篇》笔记

confirm 消息对话框
var r=confirm("Press a button")
if (r==true)
{
document.write("You pressed OK!")
}
else
{
document.write("You pressed Cancel!")
}

prompt 消息对话框
var myname=prompt("请输入你的姓名:");
if(myname!=null) {
alert("你好"+myname);
}
else {
alert("你好 my friend.");
}

window.close
用法：window.close(); //关闭本窗口或<窗口对象>.close(); //关闭指定的窗口

document.getElementById(“id”) // 通过ID获取元素
var mychar=document.getElementById("con");
document.write("结果:"+mychar); //输出获取的P标签。

Object.innerHTML
var mychar=document.getElementById("con");
document.write("原标题:"+mychar.innerHTML+"
"); //输出原h2标签内容
con.innerHTML = "Hello World!"
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
//Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
//注意书写，innerHTML区分大小写。

Object.style.property=new style;
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";

Object.style.display = value；
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none"
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block"
}

控制类名(className 属性);
<script type="text/javascript">
function add(){
var p1 = document.getElementById("p1");
p1.className = "one";
}
function modify(){
var p2 = document.getElementById("p2");
p2.className = "two";
}

取消属性设置
var mydiv = document.getElementById("txt");
mydiv.removeAttribute("style");

myarray.length; //获得数组myarray的长度

var mynum=new Array(65,90,88,98);// 给数组赋值

综合练习
function compare(a,b)
{
if(a>b)
{
return a;
}
else if(a<b)
{
return b;
}else
{return "两数相等"}
}
document.write(" 5 和 4 的较大值是:"+compare(5,4)+"
");
document.write(" 6 和 3 的较大值是:"+compare(6,3)+"
");
document.write(" 88 和88 的较大值是:"+compare(88,88) );

onclick事件
<input name="点击我" type="button" value="点击我" onclick="openwin()" >

onmouseover事件
<input name="确定" type="button" value="确定" onmouseover="message()" >

onselect事件
<textarea name="summary" cols="60" rows="5" onselect="message()">请写入个人简介，不少于200字！</textarea>
// 类似的还有：onchange、onload