JavaScript(2-JS的引入、变量、操作符、鼠标动作)

  1. 有两种方式将js代码引入html文档。
  • 通过script标签直接将JS语句嵌入html
    如:
<script>
    document.write("<p>hello, JS</p>");
</script>
  • 通过外链js文件
    通常将外链文件放在</body>前。
<body>
<p id="demo"></p>
<script src="js.js"></script>
</body>

js.js:

document.getElementById("demo").innerHTML=("Hello,JS");
  1. 变量
    变量名只能使用字母、数字、美元符号$和下划线_。并且区分大小写。
    约定:使用驼峰写法,首字母小写代表名字类型。
    如:变量名,v;函数名,f;
    JavaScript不需要声明变量名,如果习惯声明变量名可以用var。如:
<script>
<!--直接赋值-->
vNum=5;
<!--先声明再赋值-->
var vNum;
vNum=5;
<!--合并声明和赋值-->
var vNum=5;
</script>

变量可以有多种类型,如字符型、数字型、逻辑型等,目前暂不涉及。

  1. 操作符
    数字间操作符:
    加减乘除(+-/),求余:%,自增:++,自减:--。
    组合操作符:+=,-=,
    =,/=,
    字符间操作符:
    +:连接字符串,
  2. 鼠标动作
    本章学习三个:onClick,onMouseOver,onMouseOut。
    onClick几乎可以应用于任何可见的html元素,实现方式是为元素添加属性,如:
<input type="button" onclick="alert('还真点啊')" value="点击试试" />

onMouseOver和onMouseOut用于检测鼠标指针与特定页面的关系。当鼠标进入某个元素所占区域时,会触发onMouseOver事件,当鼠标离开某个元素所占区域时,会触发onMouseOut事件。

<input type="button" onMouseOver="alert('停在了按钮上')" value="放在上面试试" />
<input type="button" onMouseOut="alert('离开了按钮')" value="放上后离开试试" />

要注意,双引号内需要用引号时,里面的需要换成单引号。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS基础 页面由三部分组成:html:超文本标记语言,负责页面结构css:层叠样式表,负责页面样式js:轻量级的脚...
    小贤笔记阅读 633评论 0 5
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,814评论 0 8
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,356评论 0 3
  • JavaScript是什么? JS是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。JS是嵌入到浏览器软...
    钩不了沉阅读 1,965评论 0 6
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,353评论 0 5