所有的主流浏览器都支持JavaScript,它可以让网页呈现各种动态效果。
可使用<script>标签(成对出现)在HTML网页中插入JavaScript代码。把JavaScript代码写在<script></script>之间。
<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
可使用<script>标签在HTML文件中添加JavaScript代码,也可以单独创建JavaScript(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。
内嵌式js代码:
<script type="text/javascript">
alert("JS代码");
</script>
引用JS外部文件:
1)index.html文件
<script src="script.js"></script>
2)script.js文件
alert("JS代码");
JavaScript作为一种脚本语言可以放在html页面中任何位置,一般放在网页的head或body部分。但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。
每一句JavaScript都必须以英文分号结束。
单行注释://
多行注释:/* */
1、变量
定义变量使用关键字var:
var 变量名
变量名可以任意取名,但要遵循命名规则:变量必须使用字母、下划线(_)或者美元符($)开始,可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成,不能使用JavaScript关键词与JavaScript保留字。变量名区分大小写,变量需先声明在赋值。
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
2、函数
function 函数名()
{
函数代码;
}
3、输出内容——document.write()
document.write(); //可直接向HTML输出流写内容。
document.write(“输出内容”); //直接输出””里面的内容
document.write(mystr); //输出变量内容
document.write(“输出内容”+mystr); //组合输出
document.write(mystr+”<br>”); //输出HTML标签
4、警告——alert 消息对话框
alert(字符串或变量);
alert弹出消息对话框小窗口(包含一个确定按钮),上面写着一段提示信息文字,如果不点击“确定”,就不能对网页做任何操作。
5、确认——confirm 消息对话框
confirm 消息对话框通常用于允许用户做选择的动作,如:“是否?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
confirm(str); //str:在消息对话框中要显示的文本
//返回值:Boolean值,点击确定时候返回true,点击取消时返回false
6、提问——prompt消息对话框
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)