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初始笔记的更多相关文章

  1. JavaScript:学习笔记(7)——VAR、LET、CONST三种变量声明的区别

    JavaScript:学习笔记(7)——VAR.LET.CONST三种变量声明的区别 ES2015(ES6)带来了许多闪亮的新功能,自2017年以来,许多JavaScript开发人员已经熟悉并开始使用 ...

  2. Java程序猿的JavaScript学习笔记(9—— jQuery工具方法)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  3. Javascript学习笔记四——操作表单

    Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...

  4. JavaScript基础笔记二

    一.函数返回值1.什么是函数返回值    函数的执行结果2. 可以没有return // 没有return或者return后面为空则会返回undefined3.一个函数应该只返回一种类型的值 二.可变 ...

  5. JavaScript基础笔记一

    一.真假判断 真的:true.非零数字.非空字符串.非空对象 假的:false.数字零.空字符串.空对象.undefined 例: if(0){ alert(1) }else{ alert(2) } ...

  6. Java程序猿的JavaScript学习笔记(汇总文件夹)

    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...

  7. javascript - 工作笔记 (事件四)

    在javascript - 工作笔记 (事件绑定二)篇中,我将事件的方法做了简单的包装,  JavaScript Code  12345   yx.bind(item, "click&quo ...

  8. Java程序猿的JavaScript学习笔记(8——jQuery选择器)

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  9. Java程序猿JavaScript学习笔记(2——复制和继承财产)

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

随机推荐

  1. EF框架操作postgresql,实现WKT类型坐标的插入,查询,以及判断是否相交

    1.组件配置 首先,要下载.NET for Postgresql的驱动,npgsql,EF6,以及EntityFramework6.Npgsql,版本号 3.1.1.0. 由于是mvc项目,所以,把相 ...

  2. zoom:1的作用

    兼容IE6.IE7.IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题. 如下使用DIV做一行两列 ...

  3. JNDI中 java:comp/env 的理解

    J2EE 上下文环境变量前缀,一般有如下几种:java:/comp/env/jdbcjava:/comp/env/urljava:/comp/env/mailjava:/comp/env/jms在部署 ...

  4. 数据结构之Binary Search Tree (Java)

    二叉查找树简介 二叉查找树(Binary Search Tree), 也成二叉搜索树.有序二叉树(ordered binary tree).排序二叉树(sorted binary tree), 是指一 ...

  5. http缓存与cdn相关技术

    阅读目录 一 http缓存 二.Http缓存概念解析 三.cdn相关技术 摘要:最近要做这个主题的组内分享,所以准备了一个星期,查了比较多的资料.准备的过程虽然很烦很耗时间,不过因为需要查很多的资料, ...

  6. nodejs中express安装失败解决方法

    http://jingyan.baidu.com/article/922554468a3466851648f419.html

  7. Mac下安装node.js和webpack

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "PingFang SC"; color: #393939 } p.p2 ...

  8. js函数的可变参数

    //对于js的可变参数的清空,在定义函数式不需要写上参数, 在函数内部使用argument对象可以 直接获取参数个数等信息 //在调用函数式可以传递任意个数的参数 function text(){ v ...

  9. noip 2016 提高组题解

    前几天写的那个纯属搞笑.(额,好吧,其实这个也不怎么正经) 就先说说day2吧: T1:这个东西应该叫做数论吧. 然而我一看到就照着样例在纸上推了大半天(然而还是没有看出来这东西是个杨辉三角) 然后就 ...

  10. css animation 动画的制作

    上效果 效果描述:原来这些图片都绝对定位在最右边,并有一个css3 3D的旋转初始效果.随着动画的开始,依次向左移动,并旋转到0度.(主要用于引导页步骤的描述) 上代码: html布局 <div ...