-
判断语句(if...else)
if(判断条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 }<script type="text/javascript">
var score =80; //score变量存储成绩，初值为80
if(score>=60)
{
document.write("很棒，成绩及格了。");
}
else
{
document.write("加油，成绩不及格。");
}
</script>
查看全部 -
变量
定义变量： var 变量名;
命名规则：
1.必须以字母、数字、下划线(_)或者美元符($)开始。
2.可以使用任意多的字母数字下划线美元符组成。
3.不可使用JavaScript关键字与javasc保留字。
4.变量名区分大小写。
给变量赋值
var mynum;
mynum="javascript";
mynum=("6");
//尽管并不安全，但声明语句中忽略var关键字是合法的 JScript 语法。
var mychar;//定义 mychar="javascript";//类型 mychar=("hello");//赋值查看全部 -
function openWindow(){
window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,left=0');}
查看全部 -
注释：
1.单行注释
//这是一条单行注释
2.多行注释
/*这是多行注释
这是多行注释
这是多行注释*/
查看全部 -
一行的结束就被认定为语句的结束，在结尾加上分号“;”
代码从上到下执行
查看全部 -
document.write("text")
写入内容
查看全部 -
可以在html任意标签引用 1.内部 <script type="text/JavaScript"></script> 2.引入 <script src="script.js"></script>
查看全部 -
rtpss查看全部 -
取消设置哪里恢复默认原始值用到了removeAttribute()这个方法。删除特定属性的标签
查看全部 -
function openWindow(){
var mywin = confirm("是否打开网页？");
var mywin2;
if(mywin == true){
//document.write("1");
mywin2 = prompt("请输入需要访问的网址：","http://www.imooc.com")
if(mywin2 != null){
//document.write("1");
window.open(mywin2,'_blank','width=600,height=400,top=100,left=0');
}查看全部 -
innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
查看全部 -
注意取消设置这一部分
查看全部 -
好好继续学习
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>new document</title>
<script type="text/javascript">
function openWindow(){
var mymessage=confirm("打开网站吗？");
if(mymessage==true)
{
var wangzhi=prompt("请输入地址http://www.imooc.com");
if(wangzhi!=null)
{
window.open('http://www.imooc.com','_blank','width=400,height=500,menubar=no,toolbar=no');
}
else{
alert("重新输入");
}
}
else
{
document.write("不打开");
}
}
// 新窗口打开时弹出确认框，是否打开
// 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
//打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
</script>
</head>
<body>
<input type="button" value="新窗口打开网站" onclick="openWindow()" >
</body>
</html>
查看全部 -
注意：运行结果考虑浏览器兼容问题。
查看全部 -
请编写"改变颜色"、"改变宽高"、"隐藏内容"、"显示内容"、"取消设置"的函数，点击相应按钮执行相应操作，点击"取消设置"按钮后，提示是否取消设置，如是执行操作，否则不做操作。
<form> <!--当点击相应按钮，执行相应操作，为按钮添加相应事件--> <input type="button" value="改变颜色" onclick="changecolor()"> <input type="button" value="改变宽高" onclick="changewidth()"> <input type="button" value="隐藏内容" onclick="hid()"> <input type="button" value="显示内容" onclick="see()"> <input type="button" value="取消设置" onclick="quxiao()"> </form> <script type="text/javascript"> /*集体设置var对象为 p1*/ var p1=document.getElementById("txt"); function changecolor(){ p1.style.color="red"; p1.style.backgroundcolor="green"} //定义"改变宽高"的函数 function changewidth(){ p1.style.width="600px"; p1.style.height="200px"} //定义"隐藏内容"的函数function hid(){ p1.style.display="none";} //定义"显示内容"的函数function see(){ p1.style.display="block";} //定义"取消设置"的函数 function quxiao(){ /**需要单独设置var 对象为p2 p2只用于建立确定框,不然电脑会混淆,不识别之后的操作! ****/ var p2=confirm("请确认是否要取消??") if(p2==true){ // p1.className="txt"; /* 对于恢复设置的语法!! */ p1.removeAttribute("style"); }else{ alert("已取消设置!"); }} </script>查看全部
举报