定义变量
1. var 变量名;变量名=" ";
2. var 变量名=" ";
输出
document.write(变量名);
函数
fuction 函数名(){
}
button中使用函数
<input type="button" value="使用函数" onclick="须使用函数名">;
alret警告
<script type="text/javascript">
function alret(){
var char="AAA"
alret(char);
}
</script>
<body>
<input type="button" value="警告" onclick="alret()">;
</body>
confirm确认
<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{ document.write("很好,加油!"); }
else
{ document.write("JS功能强大,要学习噢!"); }
</script>
prompt提问
var myname=prompt("请输入你的姓名:");
if(myname!=null)
{ alert("你好"+myname); }
else
{ alert("你好 my friend."); }
window.open 打开窗口
<script type="text/javascript">
window.open(‘网址‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes‘)
</script>
window.close关闭窗口
<script type="text/javascript">
var mywin=window.open(‘网址‘); //将新打的窗口对象,存储在变量mywin中
mywin.close();
</script>
通过ID获取元素
document.getElementById(“id”)
innerHTML 属性
Object.innerHTML
注意:1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。
改变 HTML 样式
Object.style.property=new style;
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
显示和隐藏(display属性)
Object.style.display = value; (none-隐藏 block-显示)
注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
控制类名(className 属性)
object.className = classname
作用:1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观