Javascript--JS基础语法1

1.HTML页面引用JS的方式(3种)
1)外部:定义一个js后缀的文件(eg:index.js),在HTML中使用script标签(有结束标签)及其src属性引用,一般在head中。
  HTML: <script  type=”text/javascript” src=”···/index.js”></script>
2)内部:在HTML页面中使用script标签,JS代码写在script标签体内,可写在head中或者body中。
  <script  type=”text/javascript”>
  ****
  </script>

3)“行内”:(类似样式的行内样式书写)
在HTML标签的事件(以on开头)属性中直接写JS代码
  <input type="button" value="Test" onclick="alert('Click Button')">
超链接标记a可以在href属性中使用”javascript:”开头写JS代码
  Click!
2.变量
1)可以变化的值,本质是存储在计算机内存里的数据,大小由数据类型决定。
2)定义:var 变量名;
3)变量名命名规范
强制规范:以字母、下划线或$开头,由以上3种字符加数字组成;不允许使用关键字和保留字;严格区分大小写。
非强制规范:见名知意型;骆驼命名法(eg:widthBorderImg);PASCAL命名法(每个单词首字母大写)
4)数据类型:可通过typeof运算符查看数据类型;JS由赋的值决定数据类型
  基本型有:
    number(数字,不分整数或小数)
    string(字符串,单引号双引号均可)
    boolean(两个值:true与false)
    object(对象类型,如:null)
    undefined(未赋值的变量类型)
5)变量赋值:使用运算符=,右边的值(表达式或有值的变量)赋给左边变量
3.算术运算符
1)加号(2种运算)
  ①操作数均为number类型,代表算术加
  ②有一个操作数为string类型,则表示字符串拼接
  ③除了加号,其他算术运算符应避免操作数的类型不是number,否则则涉及到JS的内置类型转换机制,结果因类型不同而不同。
2)减号
  ①1个操作数,表示负数(var a=10;b=-a,则b值为-10)
  ②2个操作数,表示算术减
3)乘法*
4)除法/:存在一些除数、被除数为0等特殊情况的结果
5)模运算(取余数):
  ①a%b表示a-取整(a/b)*b;
  ②模的结果与操作数的关系:正负与a相同,值的绝对值一定在0到(b的绝对值-1)之间;(整数运算的情况下)
6)自增、自减:
  ① 一个操作数,对变量进行加1或减1操作,结果再存回变量所在内存位置
  ② 单独出现的自增自减运算,前缀或后缀无区别
  ③ 出现在表达式中时,需注意前缀(表示先自增自减再取值),后缀(先取值再自增自减)

猜你喜欢

转载自15951837734.iteye.com/blog/2296726