JavaScript基础知识整理（1）
粗略理解，努力入门中
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）的更多相关文章
- JavaScript基础知识整理
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...
- JavaScript基础知识整理（2）
15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...
- Javascript 基础知识整理
Javascript的作用 表单验证,减轻服务器压力 添加页面动画效果 动态更改页面内容 Ajax网络请求(异步加载数据) -它属于前端的核心,主要用来控制和重新调整DOM,通过修改DOM结构,从而达 ...
- JavaScript基础知识整理（1）数组
第一:创建. 1,var arr= new Array(); //数组为空.长度为0. arr[0]="apple"; arr[1]="orange"; arr ...
- javascript基础知识整理（不定时更新）
1.js中真与假的定义: 真:true,非零数字,非空字符串,非空对象 假:false,数字零,空字符串,空对象(null),undefined 2.使用for循环对json进行循环操作 for(va ...
- Kali Linux渗透基础知识整理（二）漏洞扫描
Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- Kali Linux渗透基础知识整理（四）：维持访问
Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
随机推荐
- 【WCF全析（一）】--服务协定及消息模式
上周微软开发布会说.NET支持完全跨平台和并开放Core源码的新闻,让我们顿时感到.NET要迎来它的春天.虽然早在几年前.NET就能开发Android和IOS,但是这次的跨平台把Linux都放到了微软 ...
- java线程内存模型,线程、工作内存、主内存
转自:http://rainyear.iteye.com/blog/1734311 java线程内存模型 线程.工作内存.主内存三者之间的交互关系图: key edeas 所有线程共享主内存 每个线程 ...
- 仿google art图片预览算法及demo（web版本）
演示地址: http://codeman35.itongyin.com:19001/v3/preview.html 功能支持:拖动 滚轴放大缩小 按钮放大缩小 鹰眼预览 鹰眼拖动等功能
- kaggle& titanic代码
这两天报名参加了阿里天池的’公交线路客流预测‘赛,就顺便先把以前看的kaggle的titanic的训练赛代码在熟悉下数据的一些处理.题目根据titanic乘客的信息来预测乘客的生还情况.给了titan ...
- XMl.02-约束
DTD约束 DTD的书写位置 XML构建模块 DTD定义元素 DTD属性的定义 DTD实体的定义 schema约束 命名空间 schema约束的书写流程 XML被设计为一种很灵活的标记文档. 但是,有 ...
- 使用ping钥匙临时开启SSH:22端口，实现远程安全SSH登录管理就这么简单
设置防火墙策略时,关于SSH:22访问权限,我们常常会设置服务器只接受某个固定IP(如公司IP)访问,但是当我们出差或在家情况需要登录服务器怎么办呢? 常用两种解决方案:1.通过VPN操作登录主机: ...
- opengl
基于OpenGL ES的GLfixed类型使用 OpenGL ES中引入了GLfixed类型.这个类型一般被定义为int,32位.高16位表示整数部分,低16位表示小数部分.由于其整数部分和小数部分所 ...
- 15.6.6 Configuring Thread Concurrency for InnoDB
innodb_thread_concurrency 设置inndb线程个数,如果超过则休眠一段时间,时间根据 innodb_thread_sleep_delay 单位为微妙,然后放进队列. innod ...
- Error: Cannot open main configuration file '//start' for reading! 解决办法
当执行service nagios start启动nagios时,报错:Error: Cannot open main configuration file '//start' for reading ...
- Qt窗口添加鼠标移动拖拽事件
1. .h文件中添加 private: QPoint dragPosition; 2. 在cpp文件中重写鼠标点击和拖拽函数 void ShapeWidget::mousePressEvent( ...