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 ...
随机推荐
- Axure 7.0 正式版 + 汉化包 安装
详情如下: Axure 7.0 正式版终于发布了,现在提供简体中文版给大家使用. Axure 7.0 正式版: 链接: http://pan.baidu.com/s/1kV4OJ47 提取密码: be ...
- Spring异常抛出触发事务回滚
Spring.EJB的声明式事务默认情况下都是在抛出unchecked exception后才会触发事务的回滚 /** * 如果在spring事务配置中不为切入点(如这里的切入点可以定义成test*) ...
- Python自动化 【第十七篇】:jQuery介绍
jQuery jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多),对javascript进行了封装,是的更加便捷的开发,并且在 ...
- memcached tomcat maven 学习记录
2016.12.11 maven 快速搭建项目,只要有pom.xml文件配置好依赖 可以把项目切割(具体切割出来的块怎么用?) nginx 负载均衡 文件服务器 主要配置nginx.conf 文件 ...
- OpenGL 矩阵变换
Overview 几何数据--顶点位置,和标准向量(normal vectors),在OpenGL 管道raterization 处理过程之前可通过顶点操作(Vertex Operation)和基本组 ...
- Winform 获取当前单击的控件名称 和 向窗体添加控件
Winform如何获取当前单击的控件名称,比如有100个Button 和一个button_Click()的按钮事件 ,分别点击不同按钮后显示所点击的按钮名称?private void button_C ...
- MVC Cookie的使用
1.创建Cookies有两种方法: Response.Cookies["userName"].Value = "patrick"; Response.Cooki ...
- php 文件锁
当写为LOCK_EX锁 且 读为LOCK_SH锁时最为妥当,经测试,这时情况如下: 1, 先运行w.php,马上支行r.php 后 程序会先等写入后再读取 2, 先运行r.php,再马上支行w.php ...
- vim 大全用法
vim中常用设置和操作: 在Linux系统下: 打开vi 文件: 0 数字0,跳转至行首 ^ 跳转至行第一个非空字符 $ 跳转至行尾 vim 括号匹配跳转操作: ctrl+] 跳转至函数或 ...
- 15.6.6 Configuring Thread Concurrency for InnoDB
innodb_thread_concurrency 设置inndb线程个数,如果超过则休眠一段时间,时间根据 innodb_thread_sleep_delay 单位为微妙,然后放进队列. innod ...