JavaScript入门1

作者: Android_小生 | 来源:发表于2017-09-11 15:44 被阅读66次

JavaScript 优点

  1. 所有主流浏览器都支持 JS;
  2. 现在大部分网页都使用 JS;
  3. 它可以让网页呈现各种动态效果。

如何写入 JS 代码?

插入 JS 代码

<script type="text/javascript"> 表示在 <script></script> 之间的是文本类型(text),javascript 是为了告诉浏览器里面的文本是属于 JavaScript 语言。

引用 JS 外部文件

除了使用 <script> 标签在 HTML 文件中添加 JavaScript 代码外,还可以把 HTML 文件和 JS 代码分开。

引用 JS 外部文件

JS 文件不能直接运行,需嵌入到 HTML 文件中执行。

JS 在页面中的位置

我们可以将 JavaScript 代码放在 html 文件中任何位置,但是我们一般放在网页的 head 或者 body 部分。

JS 在页面中的位置

注意,javascript 作为一种脚本语言可以放在 html 页面中任何位置,但是浏览器解释 html 时是按先后顺序的,所以前面的 script 就先被执行。比如进行页面显示初始化的 JS 必须放在 head 里面,因为初始化都要求提前进行(如给页面 body 设置 css 等);而如果是通过事件调用执行的 function 那么对位置没什么要求的。

语句和符号

JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

一行的结束就被认定为语句的结束,通常在结尾加上一个分号";"来表示语句的结束。虽然分号“;”也可以不写,但我们要养成编程的好习惯,记得在语句末尾写上分号。

定义变量

var 变量名

变量要先声明再赋值,如下:

var myjs;
myjs="javascript";
var mynum = 6;

注意,在JS中区分大小写,如变量 myjs 与 myJS 是不一样的,表示是两个变量。

定义函数

function 函数名()
{
     函数代码;
}

函数定义好后,只需直接在需要的位置调用即可。

<!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>

以上内容总结自慕课网-JavaScript入门篇

相关文章

  • nodejs 学习路线

    <1--nodejs入门> 1.准备-- js语言入门: -- JavaScript 教程 ...

  • 第三次任务总结

    任务内容—Javascript 编程入门 1.Javascript代码个人练习 a.Javascript 基础练习...

  • day09-JavaScript基础

    一、JavaScript入门 1.JavaScript简介 JavaScript(简称“JS”) 是一种具有函数优...

  • JavaScript入门1

    JavaScript 优点 所有主流浏览器都支持 JS; 现在大部分网页都使用 JS; 它可以让网页呈现各种动态效...

  • 1:javaScript入门

    如何异步加载脚本? ES3、ES5、ES6分别指什么? 解释浏览器的渲染机制 repaint 和 reflow 分...

  • 微信小程序入门之注册安装

    入门的几点要求 1.对JavaScript基础有所了解,教程w3school---JavaScript[http:...

  • React Native

    参考: React 入门实例教程 React Native 从入门到原理 摘要: 1.JavaScript 代码里...

  • JavaScript入门

    JavaScript入门 在html中使用javascript JavaScript-输出内容 JavaScrip...

  • JavaScript入门学习书籍到阶段书籍

    入门:《深入浅出JavaScript》《JavaScript DOM编程艺术》 《JavaScript DOM高级...

  • Javascript入门基础篇第二天

    Javascript入门基础篇第二天 回顾上节: 1、javascript介绍 2、基于对象的内存管理 javas...

网友评论

    本文标题:JavaScript入门1

    本文链接:https://www.haomeiwen.com/subject/hbkfsxtx.html