javaScript

1.常规方法
document.write("内容") :书写内容到网页中
window.alert("内容") :网页警告弹窗

2.使用方法
⒈行内样式 -使用几率较小 例:<input type="button" onclick="javascript:alert("弹窗信息")"/>
⒉内部样式 -基本不使用 例:<head><script>alert("弹窗信息")</script></head>
⒊外部引入 -推荐使用 例:<head><script type="text/javascript" src="js/***.js"></script></head>

3.变量的声明和赋值 & 重点学习字符串
⒈变量的声明区别于java,所有的变量类型都用var来声明.例:var i=1;
⒉变量的隐式类型:
a:undefined 解释:所有声明但未被赋值的或者被赋值为undefined的变量 都属于此类型
b:number 解释:所有数字类型 整型和浮点型
c:string 解释:所有的String 和 char 都属于这种类型
d:boolean 解释:值只有 true & false
e:object 解释:所有new 的对象 数组 和 赋值为null的都为此类型
⒊方法
a:检测var类型变量所属类型的方法
typeOf(变量名) 返回值 可以用一个 var 变量名来接收 用write(变量名)来书写到网页中
typeOf 变量名 也是一样的用法
b:字符串长度
字符串.length 返回值 为number类型 区别于java(此方法后带()) JS不用带()
c:查找某个字符在字符串中的位置
字符串.indexOf('字符','开始位置') 返回值 number 类型 存在返回下标index值 不存在返回-1 开始位置不写默认从头开始查找
d:查找字符串中某个下标的字符
字符串.charAt(index) 返回值 string 存在返回string类型的字符 不存在 返回一个string类型的空格
e:截取字符串
字符串.substring(index,index) 前闭后开 截取字符串中的内容 同理java同方法
f:拆分字符串
字符串.split('字符') 按某个字符 拆分字符串 返回一个字符串数组 同理java同方法

...更多方法请参考w3cSchool帮助文档

⒋变量名的取名规范
和java一样,驼峰命名规则
⒌引申知识点
a:NaN的出现
NaN(Not a Number) 和 数字的概念等同 同属于number类型
b:控制台打印
console.log("我是普通的信息")
console.error("我是错误信息")
console.warn("我是警告信息")
c:弹窗信息
window.alert("我是告警框") //警告框 无返回值 或者 说 返回 undefined
window.prompt("你看我是啥?") //输入框 返回输入信息
window.confirm("你看我又是啥?") //确认框 返回布尔类型 点击确定返回 true 点击取消 返回 false

6.学习数组
声明:
var myArray = new Array(5);声明并创建一个长度为5的数组
var myArray = ["0","1","2","3","4"];声明长度为5的数组 并同时赋值 区别于java(用花括号) JS(用方括号)
var myArray = new Array("0","1","2","3","4");声明长度为5的数组 并同时赋值
注意: 此数组不同于java的数组 java数组长度一旦定义 不可更改 JS的数组长度可变
例: myArray 的长度为5 但是 myArray[5]=7 后 长度就变为6了 被扩容

方法:
常用方法:
a:排序 sort()
b:添加新元素 push(数据) 返回值是新的数组长度
c:长度 length 返回number类型的值
d:组合元素 join("连接内容") 返回一个string 类型的 返回值
e:删除指定元素 splice(index,num),第一个参数从下标位置开始删除,第二个参数是从下标位置开始删除多少个元素
...更多方法请参阅w3cSchool帮助文档

7.学习运算符
a:算数运算符 + - * / % ++ --
b:赋值运算符 = -= +=
c:比较运算符 > < >= <= == != === !==
d:逻辑运算符 && || !

8.循环语句
a:普通型for 循环 参考java
b:while 循环 参考java
c:for in结构 不同于 java的for each

9.流程控制-参考java
if(条件){ JavaScript语句 }else{ JavaScript语句 }

10.自定义函数
格式:a.无参function methodName(){} b.有参function methodName(i){} c.有返回值function methodName(i){return i}

变量式定义:var methodName = function{} 调用此方法必须在定义之后调用,否则报语法错误
总结:未定义返回值的返回值是undefined

11.系统函数
常用:parseInt() 解析number类型的变量成整型数字 parseFloat() 解析number类型的变量成浮点数字 isNaN() 判断变量是否是数字类型

12.事件 http://www.w3school.com.cn/jsref/dom_obj_event.asp
onLoad 直接加载 onclick 单击事件 onDlClick 双击事件 onMouseOver 鼠标指针悬停事件 onKeyDown 键盘按下事件 onchange 改变事件
BUG:onLoad事件 页面加载完毕后 如果 调用document.write()方法的时候会把原页面的内容清空

13.数学运算技巧
除了加法运算意外 所有的数字和字符串数字之间的运算 都可以返回数字
如果是加法 可以直接 parseInt() 或 parseFloat() 解决字符串和数字的转换 但是...你不能确定输入的到底是整型还是浮点数
所以 加法时可以用 输入的 数字类型的字符串变量-0 转换成数字 再进行计算.

WEB javaScript的更多相关文章

  1. Introduction to Object-Oriented JavaScript 转载自：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript

    Introduction to Object-Oriented JavaScript IN THIS ARTICLE JavaScript review Object-oriented program ...

  2. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError

    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ReferenceError

  3. A re-introduction to JavaScript (JS Tutorial) 转载自：https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

    A re-introduction to JavaScript (JS Tutorial) Redirected from https://developer.mozilla.org/en-US/do ...

  4. Java web JavaScript DOM 编程

     JavaScript DOM 编程 (1).DOM概述及分类 (2).DOM结构模型:XML DOM 和 HTML DOM 关系? (3).结点,结点树,结点属性与方法? 1.DOM是什么? d ...

  5. Web | JavaScript的引用数据类型强制转换类型

    我在这里主要的想提下的是JavaScript中的引用类型进行强制转换类型.因为对于基本数据类型的变换大多都是雷同的,很容易熟知,但是引用数据类型有一点小插曲. JavaScript的引用类型主要为对象 ...

  6. 转:[web]javascript 增加表單的input

    利用javascript增加form的input 這是js的部份 //用來區分不同input的name var element_count = 0; function add_element(obj) ...

  7. Object.keys() https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

    Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in 循环遍历该对象时返回的顺序一致 (两者的主要区别是 一个 for-in ...

  8. Object.create() __https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create

    Object.create() 方法会使用指定的原型对象及其属性去创建一个新的对象. 语法 Object.create(proto[, propertiesObject]) 参数 proto 新创建对 ...

  9. Web javascript 中常用API合集

    来源于:https://www.kancloud.cn/dennis/tgjavascript/241852 一.节点 1.1 节点属性 Node.nodeName //返回节点名称,只读 Node. ...

随机推荐

  1. [Java] Design Pattern：Code Shape - manage your code shape

    [Java] Design Pattern:Code Shape - manage your code shape Code Shape Design Pattern Here I will intr ...

  2. Vue2.0原理-模板解析

    下面这段代码,vue内部做了什么操作?我去源码里面找找看 new Vue({ el: '#app' }) 入口 vue 的入口文件在 src/core/instance/index.js, 里面一进来 ...

  3. TPO-19 C2 Cafeteria's Food Policy

    TPO-19 C2 Cafeteria's Food Policy 第 1 段 1.Listen to a conversation between a student and the directo ...

  4. RabbitMQ入门：路由(Routing)

    在上一篇博客<RabbitMQ入门:发布/订阅(Publish/Subscribe)>中,我们认识了fanout类型的exchange,它是一种通过广播方式发送消息的路由器,所有和exch ...

  5. 编码 解码 python

    之前一直对python文件中编码解码糊里糊涂,今天看到一篇文章,觉得把我讲的有点明白了.写个心得吧. 1.编码解码是怎么一回事? Python 里面的编码和解码也就是 unicode 和 str 这两 ...

  6. Docker--删除容器实例和镜像

    一.删除容器实例 使用命令docker rm 容器ID或者容器名 1.docker ps -a查询已有的实例 [root@cxt data]# docker ps -a 2.docker rm 容器I ...

  7. python数据分析系列(1)

    目录 python基础 python语言基础 Ipython的一些特性 Python语法基础 Python控制流 lambda表达式 Python的数据结构 元组 列表 字典 集合 列表.集合.字典推 ...

  8. killall命令详解

    基础命令学习目录首页 原文链接:https://blog.csdn.net/tanga842428/article/details/52474250 Linux系统中的killall命令用于杀死指定名 ...

  9. Django_rest_framework_Serializer

    序列化Serializer 序列化用于对用户请求数据进行验证和数据进行序列化(为了解决queryset序列化问题). 那什么是序列化呢?序列化就是把对象转换成字符串,反序列化就是把字符串转换成对象 m ...

  10. sprint2（第三天）

    展板 燃尽图