javascript初始笔记
1、在html中使用点击事件:
<button type="button" onclick=“myclick()”>click me<button>
2、innerHTML改写文档内容:
<script>
function myclick(){
document.getElementById("demo").innerHTMl="this is the new content";
}
</script>
3、操作HTMl元素:
通过id来访问元素:
document.getElementById("demo").innerHTML="my first time";
注:使用document.write会是整个文档替换成当前的内容 ;
4、代码块:
javascript语句通过代码块的形式进行组合 块由左边花括号开始右边花括号结束 块的作用是使语句系列以其执行
5、代码折行操作:可以通过反斜杠对代码换行
document.write("hello \
world!");
6、javascript 数据类型
字符串类型 数字类型
布尔类型:true false
数组类型:
var cars=new Array();
car
//或者
var cars=new Array("as","dff","fda","ada");
//或者
var cars=["dfsdf","fda","afaf"];
javascript对象:
var person={
firstname:"Bill",
lastname:"Grass",
id :34243
};
//访问
name=person.firstname;
name=perosn["firstname"];
7、Undefined和Null
Undefined表示不含有值。
将值设置成Null可以用来清空变量。
8、javascript中所有的事物都是对象:字符串、数字、数组、日期等;
对象拥有属性和方法:
访问属性:
car.name=First;
car.id=234;
访问方法:
car.start()
car.break()
某些对象拥有内建的属性和方法;在面向对象的语言中,属性和方法经常被称为对象的成员;
9、使用return返回值
function myfunction (a,b){
return a*b;
}
如果仅仅是想退出函数,也可以用return语句
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
10、在与字符串的加法运算中,只要是有两者之一为字符串就执行字符串拼接;
11、运算符:
&& and
|| or
! not
12、switch语句:
switch(n){
case 1:
执行代码块1
break;
case 2:
执行代码块2
break;
case 3:
执行代码块3
break;
default:
执行以上均不匹配时候的代码
}
工作原理:首先设置switch里的n,再与每个case比较,如果匹配则相应代码被执行且break退出;
13、for循环:
for(语句1;语句2;语句3)
{
//被执行代码块
}
语句1:在循环(代码块)开始前执行(如果之前就设置了则可以省略,但是要空出位置)
语句2:定义循环代码条件
语句3:满足条件后执行
javascript初始笔记的更多相关文章
- JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别
JavaScript:学习笔记(7)——VAR.LET.CONST三种变量声明的区别 ES2015(ES6)带来了许多闪亮的新功能,自2017年以来,许多JavaScript开发人员已经熟悉并开始使用 ...
- Java程序猿的JavaScript学习笔记(9—— jQuery工具方法)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Javascript学习笔记四——操作表单
Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...
- JavaScript基础笔记二
一.函数返回值1.什么是函数返回值 函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...
- JavaScript基础笔记一
一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...
- Java程序猿的JavaScript学习笔记(汇总文件夹)
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
- javascript - 工作笔记 (事件四)
在javascript - 工作笔记 (事件绑定二)篇中,我将事件的方法做了简单的包装, JavaScript Code 12345 yx.bind(item, "click&quo ...
- Java程序猿的JavaScript学习笔记(8——jQuery选择器)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿JavaScript学习笔记(2——复制和继承财产)
计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...
随机推荐
- EF框架操作postgresql,实现WKT类型坐标的插入,查询,以及判断是否相交
1.组件配置 首先,要下载.NET for Postgresql的驱动,npgsql,EF6,以及EntityFramework6.Npgsql,版本号 3.1.1.0. 由于是mvc项目,所以,把相 ...
- zoom:1的作用
兼容IE6.IE7.IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题. 如下使用DIV做一行两列 ...
- JNDI中 java:comp/env 的理解
J2EE 上下文环境变量前缀,一般有如下几种:java:/comp/env/jdbcjava:/comp/env/urljava:/comp/env/mailjava:/comp/env/jms在部署 ...
- 数据结构之Binary Search Tree (Java)
二叉查找树简介 二叉查找树(Binary Search Tree), 也成二叉搜索树.有序二叉树(ordered binary tree).排序二叉树(sorted binary tree), 是指一 ...
- http缓存与cdn相关技术
阅读目录 一 http缓存 二.Http缓存概念解析 三.cdn相关技术 摘要:最近要做这个主题的组内分享,所以准备了一个星期,查了比较多的资料.准备的过程虽然很烦很耗时间,不过因为需要查很多的资料, ...
- nodejs中express安装失败解决方法
http://jingyan.baidu.com/article/922554468a3466851648f419.html
- Mac下安装node.js和webpack
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "PingFang SC"; color: #393939 } p.p2 ...
- js函数的可变参数
//对于js的可变参数的清空,在定义函数式不需要写上参数, 在函数内部使用argument对象可以 直接获取参数个数等信息 //在调用函数式可以传递任意个数的参数 function text(){ v ...
- noip 2016 提高组题解
前几天写的那个纯属搞笑.(额,好吧,其实这个也不怎么正经) 就先说说day2吧: T1:这个东西应该叫做数论吧. 然而我一看到就照着样例在纸上推了大半天(然而还是没有看出来这东西是个杨辉三角) 然后就 ...
- css animation 动画的制作
上效果 效果描述:原来这些图片都绝对定位在最右边,并有一个css3 3D的旋转初始效果.随着动画的开始,依次向左移动,并旋转到0度.(主要用于引导页步骤的描述) 上代码: html布局 <div ...