JavaScript基础小知识

1、<script>标签位置

  • <script>标签可以放在 <body>……</body>标签里,也可以放在 <head>……</head>,放在 <head></head>里的会先执行
  • head 标签里的代码会在页面还未开始绘制之前被解析
  • body 里的代码则会在页面渲染的同时在读取到这段代码的时候才被执行

2、变量作用域

  • 全局变量是定义在所有函数之外的,作用范围是整段 JavaScript 代码
  • 局部变量是定义在函数体之内,只对其该函数是可见,而对其它函数则是不可见的

3、基本数据类型

  • 1.字符串:可以使用单引号或双引号 var h='hello';
  • 2.数字:数字可以带小数点,也可以不带var x=34.00;
  • 3.布尔:布尔只能有两个值:true 或 false:var x=true;
  • 4.undefined:是一个属性,表示未定义,var a;,此时a=undefined
  • 5.null:是一个对象,表示无值

4、变量类型

  • JavaScript 是一种弱类型(或称动态类型)语言,即变量的类型是不确定的
y="6"+"6";             // 字符串 + 字符串
document.write(y);     //y=66
m=7+"7";               // 数字 + 字符串
document.write(m);     //y=77

5、 break & continue

  • break 本语句放在循环体内,作用是立即跳出循环
  • continue 本语句放在循环体内,作用是中止本次循环,并执行下一次循环(如果循环的条件已经不符合,就跳出循环)
for (i = 1; i < 10; i++){
   if (i == 5 || i == 6) 
       continue; 
   if (i == 8)
       break; 
   document.write(i);
   //输出为“12347”,跳过了 5 和 6,然后在 i==8 的时候跳出了循环
}

6、函数的重复声明

  • 如果多次采用 function 命令重复声明同一个函数,则后面的声明会覆盖前面的声明
<script>
function my_func(){
  document.write(1);}
my_func();

function my_func(){
  document.write(2);}
my_func();
</script>
//运行结果 2 2

7、常用事件

  • 常用事件
  • onclick —— 单击
  • ondblclick —— 双击
  • onfocus —— 元素获得焦点
  • onblur —— 元素失去焦点
  • 鼠标事件:
  • onmouseover—— 鼠标移到某元素之上
  • onmouseout —— 鼠标从某元素移开
  • onmousedown —— 鼠标按钮被按下
  • onmouseup —— 鼠标按键被松开
  • 键盘事件:
  • onkeydown —— 某个键盘按键被按下
  • onkeyup —— 某个键盘按键被松开
  • onkeypress —— 某个键盘按键被按下并松开

8、运算符优先级

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

推荐阅读更多精彩内容

  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖马儿阅读 1,475评论 0 17
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,396评论 0 7
  • 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课...
    前端进阶之旅阅读 12,813评论 13 94
  • 浙江即江流盘回曲折之意。战国时的浙江指今天的富春江、钱塘江、新安江。东汉时,浙江分浙东、浙西。唐朝以后这两个地区转...
    duoduo_four阅读 1,446评论 0 1
  • 这周末还是去玩得比较尽兴的,当然也是很累的…… 原本打算周六去爬山之类的,但因为天公不作美,下了点小...
    言为心声hl阅读 168评论 1 0