粗略理解，努力入门中

1、在html中引入外部脚本：  <script src="filename.js"></script>

2、注释：  多于一行的长注释使用   /*注释内容 */ ， 只有一行的注释用   //注释内容 。

3、创建函数的格式:

function name（）{

　　 函数的内容

}

在函数内部创建的变量为局部变量，只有在函数的内部有效，在所有函数之外创建的变量为全局变量，整个代码中的任何地方都能使用。

4、getElementById() 通过id获得和操作元素；

getElementByValue() 通过value获得和操纵元素

5、点号语法：对象.属性.方法

6、关键字this指向对象，可以使用它的上下文将值传递给函数。上下文大多数情况下是指函数运行时，封装这个函数的对象。

9、if()...else...语句

if(条件){

　　条件为真时执行的语句

}

else{

　　条件为假时执行的语句

}

10、switch(variable){

　　case value 1 :

　　　　当变量variable的值为value 1时执行的语句

　　　　break;

　case value 2：

　　　　当变量variable的值为value 2时执行的语句

　　　　break;

　　case value 3：

　　　　当变量variable的值为value 3时执行的语句

　　　　break;

　　.

　　.

　　.

　　case value n:

　　　　当变量variable的值为value n时执行的语句

　　　　break;

default:当变量variable的值与上面的所有值都不匹配时执行的语句

}

break的作用：当变量的值与case后面的值相等时，就离开switch语句，否则就继续往下执行。

11、try catch throw

这部分内容在以下链接有较详细的讲解 http://www.w3school.com.cn/js/js_errors.asp

12、for循环

例如：for(var i=0;i<某数值;i++){

　　代码块（只要计数器变量i<某数值,就循环执行这个代码块）

}

13、数组

例如：

var baiYu=new Array("Xiang","Yu" ,"Yong","Shang"); //声明一个字符串数组

var number=new Array(1,3,4,6,7,5,3,2);//声明一个数字数组

var bai=new Array(66);//声明一个包含66个对象的新数组

以   数组名[]   的形式 调用数组

14、不知道代码循环多少次时使用do/while循环

do{

　　代码块1

}

while(代码块2);

只要代码块2的结果为true,就循环执行代码块1。

15、处理图像

做了一个好玩儿的翻转器（虽然一般翻转器不是这样用的）

效果：

html代码:<!DOCTYPE html>
<html>
<head>
 　　<link href="bear.css" rel="stylesheet" type="text/css">
 　　<script src="bear.js"></script>
</head>
<body>
 　　<a href="lefteye.html"><img src="data:images/left.png" id="left"></a>
　　 <a href="right.html"><img src="data:images/right.png" id="right"></a>
</body>
</html>

css代码：

body{
 width:600px;
 height:400px;
 margin:0 auto;
 margin-top:120px;
}
img{
 margin:0 ;
 float:left; 
}

javascript代码：

window.onload=initEyes;

function initEyes(){

document.getElementById("left").onmouseover=leftOpen;

document.getElementById("left").onmouseout=leftClose;

document.getElementById("right").onmouseover=rightOpen;

document.getElementById("right").onmouseout=rightClose;

}

function leftOpen(){

this.src="data:images/leftopen.gif";

}

function leftClose(){

this.src="data:images/leftclose.gif";

}

function rightOpen(){

this.src="data:images/righttopen.gif"; }

function rightClose(){

this.src="data:images/rightclose.gif"; }

这个javascript代码中很多重复的部分，也许能够以一种像C++里的模板类的方式使得代码更为简练。期待接下来的学习。

ps：使用的图片由板绘+ps制得。

JavaScript基础知识整理（1）的更多相关文章

  1. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  2. JavaScript基础知识整理（2）

    15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...

  3. Javascript 基础知识整理

    Javascript的作用 表单验证,减轻服务器压力 添加页面动画效果 动态更改页面内容 Ajax网络请求(异步加载数据) -它属于前端的核心,主要用来控制和重新调整DOM,通过修改DOM结构,从而达 ...

  4. JavaScript基础知识整理（1）数组

    第一:创建. 1,var arr= new Array(); //数组为空.长度为0. arr[0]="apple"; arr[1]="orange"; arr ...

  5. javascript基础知识整理（不定时更新）

    1.js中真与假的定义: 真:true,非零数字,非空字符串,非空对象 假:false,数字零,空字符串,空对象(null),undefined 2.使用for循环对json进行循环操作 for(va ...

  6. Kali Linux渗透基础知识整理（二）漏洞扫描

    Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...

  7. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  8. Kali Linux渗透基础知识整理（四）：维持访问

    Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...

  9. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

随机推荐

  1. Mysql字符类型比较

    一. binary和char比较: binary 字节为单位,char字符为单位,字符占几个字节取决于字符集 binary  比较规则基于字节值,char基于字符,即使是_bin的比较规则 范围都0- ...

  2. 23. Can't connect to X11 window server using '127.0.0.1:0.0' as the value of the DISPLAY variable.解决办法

    在终端里 以root用户执行 #xhost + 然后su - oracle 执行#export DISPLAY=:0 运行runinstaller

  3. ActiveMQ实现负载均衡+高可用部署方案

    一.架构和技术介绍 1.简介 ActiveMQ 是Apache出品,最流行的,能力强劲的开源消息总线.完全支持JMS1.1和J2EE 1.4规范的JMS Provider实现 2.activemq的特 ...

  4. JAVA初学(1)：值类型和引用类型的区别

    JAVA值类型和引用类型的区别(转)                                                          [定义] 引用类型表示你操作的数据是同一个,也就 ...

  5. 激活PHPStorm 2016.3

    通过互联网激活PHPStorm 2016.3: http://jetbrains.tencent.click http://172.245.22.235:1017 http://idea.imsxm. ...

  6. MATLAB 文件对话框之图片格式转换

    localpathname为当前路径,需要保存图片的位置,根据自己的实际路径设置,usedpathname用来保存打开的文件位置,方便下次打开文件对话框以上次的路径为默认路径. global used ...

  7. Linux 之集群 LVS

    查看系统是否支持IPVS功能 [root@nginx ~]# grep -i 'ipvs' /boot/config-2.6.18-308.el5 # IPVS transport protocol ...

  8. Oracle数据库根据时间查询

    ' and trans_dt between to_date('2010-12-01 00:00:00','YYYY-MM-DD HH24:MI:SS') and to_date('2011-12-3 ...

  9. Patching Array

    引用原文:http://blog.csdn.net/murmured/article/details/50596403 但感觉原作者的解释中存在一些错误,这里加了一些自己的理解 Given a sor ...

  10. css 取消默认的padding

    ;;} --透明 兼容写法 filter:alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity: 0.9;opacity: 0.9;