JavaScript入门篇 第一天
2015-07-24 20:02
696 查看
使用<script>标签在HTML网页中插入JavaScript代码。
注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。
<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
#JS——引用JS外部文件#
1.使用<script>标签可以在HTML文件中添加JavaScript代码
2.也可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。(注意:在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。)
3.JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中。<script src="script.js"></script>javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。
注意:
1. 在点击对话框"确定"按钮前,不能进行任何其它操作。
2. 消息对话框通常可以用于调试程序。
3. alert输出内容,可以是字符串或变量,与document.write 相似。
函数调用
View Code
语法:
参数说明:
返回值:
注: 通过返回值可以判断用户点击了什么按钮
看下面的代码:
注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。
<script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。
#JS——引用JS外部文件#
1.使用<script>标签可以在HTML文件中添加JavaScript代码
2.也可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。(注意:在JS文件中,不需要<script>标签,直接编写JavaScript代码就可以了。)
3.JS文件不能直接运行,需嵌入到HTML文件中执行,我们需在HTML中添加如下代码,就可将JS文件嵌入HTML文件中。<script src="script.js"></script>javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。
警告(alert 消息对话框)
alert("jump");注意:
1. 在点击对话框"确定"按钮前,不能进行任何其它操作。
2. 消息对话框通常可以用于调试程序。
3. alert输出内容,可以是字符串或变量,与document.write 相似。
函数调用
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function contxt() //定义函数 { alert("哈哈,调用函数了!"); } </script> </head> <body> <form> <input type="button" value="点击我" onclick="contxt()" /> </form> </body> </html>
View Code
<scripttype="text/javascript"> var mystr="hello"; document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
document.write(mystr+"<br>");
</script>
确认(confirm 消息对话框)
confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。语法:
confirm(str);
参数说明:
str:在消息对话框中要显示的文本 返回值: Boolean值
返回值:
当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false
注: 通过返回值可以判断用户点击了什么按钮
看下面的代码:
<script type="text/javascript"> var mymessage=confirm("你喜欢JavaScript吗?"); if(mymessage==true) { document.write("很好,加油!"); } else { document.write("JS功能强大,要学习噢!"); } </script> 注: 消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。
相关文章推荐
- 关于JSP的标签的详解
- 关于JSP的九大内置对象
- 关于JSON类型的数据的详解
- 细小知识点之JSP&Servlet
- 谷歌浏览器插件-html页面js事件查看器
- json
- JSON解析
- Javascript MVC 学习笔记(一) 模型和数据
- js简单运动
- js 10秒钟倒计时
- JavaScript——DOM或以树形展示的Web页面
- js添加input节点,删除input节点
- ajax js分页算法分析
- js数组去重的4个方法
- Backbone.js学习之旅(一)
- js点亮星星评分并获取参数的js代码
- 半角全角相互转换的js函数
- 使用istanbul做JavaScript的代码覆盖
- jsp 页面添加视频并显示播放时间
- JavaScript高级编程【BOM-location对象】