-
定义一个函数 :
function 函数名（）{函数功能}
查看全部 -
定义变量并赋值 var ...=...;
查看全部 -
写js代码 ：<script type="text/javascript">
写 css 代码 :<style type="text/css">
查看全部 -
js代码 和 html代码 分开 这样引用：
<script src="script.js"></script>
js 文件里直接写js代码就可以了
查看全部 -
javascript 代码 写在
<script type="text/javascript"></script> 里
查看全部 -
1、一句语句的结束用";"表示
2、//单行注释；/*多行注释*/
3、var (变量名);
if(条件) { 条件成立时执行的代码 } else { 条件不成立时执行的代码 }4、
function 函数名() { 函数代码; }5、输出内容
（1）
document.write("I Love JavaScript！");
（2）
var mystr="hello";
document.write(mystr);
（3）
var mystr="hello";
document.write(mystr+"I Love JavaScript！");
（4）
var mystr="hello";
document.write(mystr+"<br>");
document.write(mystr+"JavaScript");
6、alert(字符串+变量)；
7、confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
语法：
confirm(str);
举例：
<script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大，要学习噢!"); } </script>8、
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。语法：
prompt(str1, str2);
举例：
var myname=prompt("请输入你的姓名:"); if(myname!=null) { alert("你好"+myname); } else { alert("你好 my friend."); }8、open() 方法可以查找一个已经存在或者新建的浏览器窗口。
语法：
window.open([URL], [窗口名称], [参数字符串])
举例：
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>9、close()关闭窗口
用法：
window.close(); //关闭本窗口
<窗口对象>.close(); //关闭指定的窗口
举例：
<script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中 mywin.close(); </script>查看全部 -
看下面的代码:
消息提示框 <script type="text/javascript"> var mynum = 30; ("hello!"); (mynum); </script>注:alert弹出消息对话框(包含一个确定按钮)。
结果:按顺序弹出消息框
注意:
1. 在点击对话框"确定"按钮前，不能进行任何其它操作。
2. 消息对话框通常可以用于调试程序。
3. alert输出内容，可以是字符串或变量，与document.write 相似。
查看全部 -
函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了,代码如下:
?
查看全部 -
改变 HTML 样式
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？
语法:
Object.style.property=new style;
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
基本属性表（property）:
查看全部 -
innerHTML 属性
innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML
注意:
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
2.注意书写，innerHTML区分大小写。
查看全部 -
获取id语法:
document.getElementById("id")3-2注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。
查看全部 -
prompt(str1, str2);
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>confirm</title>
<script type="text/javascript">
function rec(){
var mymessage=confirm("你是一位漂亮的女士嘛？");
if(mymessage==true)
{
document.write("你是女士!");
}
else
{
document.write("你是男士!");
}
}
</script>
</head>
<body>
<input name="button" type="button" onClick="rec()" value="点击我，弹出确认对话框" />
</body>
</html>
查看全部 -
onclick="changecolor()"
tips:忘记加括号
function remove(){
var message=confirm("是否取消所有设置");
if(message==true){
txtId.removeAttribute('style');
}
}定义确认提示框变量不能使用关键字作为变量名
查看全部 -
Alert 函数，查看全部
举报