JavaScript简介
 
JavaScript是NetScape公司为Navigator浏览器开发的,是web前端卸载HTML文件中的一种脚本语言,能实现网页内容的交互显示。当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来改变网页的内容,来实现web前端中HTML语言无法实现的效果。
 
如何使用JavaScript
 
通过<Script></Script>中直接编写
 
 <html>
<head>
<meat charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
alert("火星时代web前端JS课程开始啦");
</Script>
</body>
</html>
 
通过<Script Src='目标文档的URL'></Script>链接外部的JS文件
 
首先创建一个teSt.jS文件
 
代码:document.write(“thiS iS a teSt”);
 
然后编写代码:
 
<html>
 
<head>
 
<meat charSet=”utf-8”>
 
<title></title>
 
</head>
 
<body>
 
<Script type=”text/javaScript”>
 
alert("火星时代web前端JS课程开始啦");
 
</Script>
 
<Script Src=”Script/jS/teSt1.jS” type=”text/javaScript” charSet=”utf-8”>
 
</Script>
 
</body>
 
</html>
 
作为某个元素的事件属性值或者是超链接的href属性值
 
<html>
 
<head>
 
<meat charSet=”utf-8”>
 
<title></title>
 
</head>
 
<body>
 
<Script type=”text/javaScript”>
 
<alert(“火星时代web前端JS课程开始啦”)>
 
</Script>
 
<Script Src=”Script/jS/teSt1.jS” type=”text/javaScript” charSet=”utf-8”>
 
</Script>
 
<a herf=”javaScript:confirm(‘您确认报名学习JS课程吗?’);”>报名</a>
 
</body>
 
</html>
 
运行结果:
 
 
代码屏蔽
 
<Script type='text/javaScript'>
 
<!--
 
JS代码;
 
//-->
 
</Script>
 
如果浏览器不支持JS,可以使用<noScript></noScript>标签,显示noScript中的内容
 
JavaScript的基本语法
 
JavaScript的执行顺序
 
按照在HTML文件中出现的顺序依次执行
 
大小写敏感
 
JavaScript严格区分大小写
 
忽略空白符和换行符
 
语句分隔符
 
使用;结束语句
 
可以把多个语句写在一行
 
最后一个语句的分号可以省略,但尽量不要省略
 
可以使用{}括成一个语句组,形成一个块block
 
通过\对代码进行折行操作
 
document.write(' hello\
 
 world');
 
注释
 
单行注释//
 
多行注释/*注释内容*/
 
JavaScript的保留字
 
通过document.write()向文档书写内容
 
通过conSole.log()向控制台写入内容
 
JavaScript中的错误
 
语法错误
 
通过控制台进行调试
 
逻辑错误
 
通过alert()进行调试

教你如何使用JavaScript入门的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列----函数作用域(javascript入门篇)

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列----变量的解读(javascript入门篇)

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

随机推荐

  1. 15.Pythonic与python杂记

    switcher ={ :'sunday', :'monday', :'thuesday' } day = day_name=switcher.get(day,'Unknow') print(day_ ...

  2. 07.Delphi接口的生命周期

    在Delphi的接口中,是不需要释放的,调用完之后,接口的生命周期就结束了,如下面的例子 unit mtReaper; interface type // 定义一个接口 IBase = interfa ...

  3. git 提取某次提交所修改的代码

    git 提取某次提交所修改的代码 应用场景 把分支A的某个功能抽到分支B中. 首先切换到分支B, 然后进行遴选(git cherry-pick). 如果没有冲突, 会自动合并然后使用原信息提交. 如果 ...

  4. jQuery 里的 Promise

    1  $.ajax("test.html").done(function(){ alert("哈哈,成功了!"); }).fail(function(){ al ...

  5. 又一个无效的列类型错误Error setting null for parameter #7 with JdbcType NULL . Try setting a different JdbcType for this parameter or a different jdbcTypeForNull configuration property. Cause: java.sql.SQLExcept

    在更新数据时候出现的错误 更新代码如下: <update id="modify" parameterType="Standard"> update ...

  6. JavaWeb面试题(转)

    1.Tomcat的优化经验 答:去掉对web.xml的监视,把JSP提前编辑成Servlet:有富余物理内存的情况下,加大Tomcat使用的 JVM内存. 2.什么是Servlet? 答:可以从两个方 ...

  7. Django--评论功能实现和用户登录

    1.确定实现评论功能的方式 1.第三方社会化评论插件(有言.多说.网易云跟帖等) 优点:可以直接用,紧急时开发快 缺点:评论存储在第三方,第三方挂了就不弄用 2.Django评论库 django-co ...

  8. oracle数据泵导出导入

    先创建一个目录:比如 Create  or Replace directory  DATA_PUMP_DIR as 'D:\DataPipe';   然后给导入导出的用户赋权限: Grant read ...

  9. NumPy 数组切片

    章节 Numpy 介绍 Numpy 安装 NumPy ndarray NumPy 数据类型 NumPy 数组创建 NumPy 基于已有数据创建数组 NumPy 基于数值区间创建数组 NumPy 数组切 ...

  10. 51nod 1191:消灭兔子 贪心+优先队列

    1191 消灭兔子 题目来源: 2013腾讯马拉松赛第三场 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 难度:4级算法题  收藏  关注 有N只兔子,每只有一个血量B[i],需要 ...