一、JS基本

1、JS代码位置

<script type="text/javascript">表示:

<script></script>之间是文本类型(text)。

javascript:告诉浏览器里面的文本是属于JavaScript语言。

2、JS引用

内部引用

外部引用(在JS文件中,不需要<script>标签,直接编写JS代码),JS文件不能直接运行,需要镶嵌到HTML文件中执行。

3、JS在页面中的位置

代码解释:

{

  #JS代码一般放在head或者body部分。

    放在<head>部分

    最常用,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

    放在<body>部分

    JS代码在网页读取到该语句的时候就会执行。

#JS作为一种脚本语言可以放在html文件中任何位置,但是浏览器解释html是按先后顺序的,所以前面的<script>就先被执行。

# 比如进行页面初始化的JS必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等)。

#如果是通过事件调用执行的function,那么对位置没什么要求。

#可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。

#通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

}

4、认识JS

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

每一句JS代码格式:语句;//在结尾加上英文分号表示语句结束,可以不写,但最好写上。

JS注释

单行注释,在注释内容前加符号"//"

多行注释以“/*”开始,以“*/”结束

JS变量

变量:用于存储某种/某些数值的存储器。

定义变量使用关键字var

如:var 变量名

变量名可以取任意名字,但要遵循命名规则:

1、变量必须使用字母、下划线(_)或美元符号($)开始。

2、可以使用任意多个英文字母、数字、下划线(_)或美元符号($)组成。

3、不能使用JS关键词与JS保留字

4、变量名称对大小写敏感(Y和y是不同的变量)

{

  举例:

    变量要先声明在赋值

      var  mychar;

      mychar="javascript";

      var mynum = 6;

    变量可以重复赋值      

      var  mychar;

      mychar="javascript";

      mychar="hello";

    可以一次声明多个变量(用逗号隔开)

      var  num1,num2;

    可以声明并赋值

      var  mynum = 5;

    变量可以存储数值、字符串、布尔值等

      var  num1 = 123;

      var  num2 = "一二三";//存储字符串需要用引号括起来

      var  num3 = true;

  注意:

    在JS中区分大小写,如变量mychar与myChar不一样,表示两个变量。

    变量可以不声明直接使用,但是不规范。

}

JS判断语句(if...else)

语法:

  if(条件)

  {条件成立时执行代码}

  else

  {条件不成立时执行代码}

举例:<script type="text/javascript">

   var myage = 18;

   if(myage = 18)//myage>=18是判断条件

   { document.write("成年人");}

   else  //否则年龄小于18

   { document.write("未满18,未成年");}

   </script>

JS函数

定义一个函数,基本语法:

function  函数名()

{

  函数代码;

}

说明:

1、function定义函数的关键字

2、“函数名”你为函数取的名字

3、“函数代码”替换为完成特定功能的代码。

举例:

函数定义好后,需要调用才能执行。

												

JavaScript入门(1)的更多相关文章

  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,因此 ...

  10. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

随机推荐

  1. CollapsingToolbarLayout

    CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags,它可以控制包含在Collapsin ...

  2. Hadoop RPC简单实例

    1.导入Hadoop-Common-2.6.0.jar导入工程,里面的IPC实现RPC需要的文件. 2.服务器端  (1)服务接口 package com.neu.rpc.server; /** * ...

  3. nginx + memcached-session-manager 实现tomcat下的负载均衡

    1. tomcat6.0 配置 memcached-session-manager 实现session共享 1.1 下载memcached-session-manager-1.6.5.jar.memc ...

  4. Unity给力插件之Final IK

    Final IK细节: 1.Aim IK:设定一个目标,关节末端始终朝向该目标,一般用来做头部的朝向. 步骤: a.在模型头节点处添加Aim空物体并reset b.给模型添加Aim IK组件,并填上A ...

  5. hdu 4790 Just Random (2013成都J题) 数学思路题 容斥

    题意:在[a,b]  [c,d] 之间,和模p等于m的对数 详见代码 #include <stdio.h> #include <algorithm> #include < ...

  6. Java集合类操作优化经验总结

    本文首先针对 Java 集合接口进行了一些介绍,并对这些接口的实现类进行详细描述,包括 LinkedList.ArrayList.Vector.Stack.Hashtable.HashMap.Weak ...

  7. hdoj 3785 寻找大富翁【优先队列+sort排序】

    寻找大富翁 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...

  8. UF2.0、O4、UFT、TA众明星背后的秘密

    UF2.0--经纪业务运营平台 O4--投资交易管理系统软件 UFT--证券极速交易系统软件 TA--登记过户系统 -- 说到恒生在业内的明星产品,太多了,小编一口气说不完,但小编只知其一,殊不知这些 ...

  9. PHP学习笔记-00

    PHP这门语言的就不用多说啦,使用率非常高的一门后端开发语言.之前一直希望可以学习了解一下PHP.之前主要在做Java和OC这类语言的开发,对于PHP这种脚本语言(动态语言)还是了解甚少. 近期看了一 ...

  10. Stackdump: 一个可以离线看stackoverflow的工具

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:Stackdump: 一个可以离线看stackoverflow的工具.