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. 安装php xdebug调试工具及性能分析工具webgrind for windows

    安装php xdebug调试工具及性能分析工具webgrind for windows 第一步:查看php版本等信息 phpinfo(); 上面是 x86 NTS VC14 第二步: 下载xdebug ...

  2. JAVA图书管理系统汇总共27个[转]

    java图书馆管理系统[优秀毕业设计论文+源码]http://down.51cto.com/data/68350java+sql server图书管理系统 http://down.51cto.com/ ...

  3. python编辑选课系统

    一.需求分析 1. 创建北京.上海 2 所学校 2. 创建linux , python , go 3个课程 , linux\py 在北京开, go 在上海开 3. 课程包含,周期,价格,通过学校创建课 ...

  4. 从Web抓取信息的几个常用方法

    1.Response 对象有一个 status_code 属性,可以检查它是否等于requests.codes.ok. 2.raise_for_status()方法是一种很好的方式,确保程序在下载失败 ...

  5. 【RL系列】Multi-Armed Bandit问题笔记

    这是我学习Reinforcement Learning的一篇记录总结,参考了这本介绍RL比较经典的Reinforcement Learning: An Introduction (Drfit) .这本 ...

  6. 论文笔记：分形网络（FractalNet: Ultra-Deep Neural Networks without Residuals）

    FractalNet: Ultra-Deep Neural Networks without Residuals ICLR 2017 Gustav Larsson, Michael Maire, Gr ...

  7. cmd下执行mysql

    1.  mysql -uroot -p1234; 2.  show databases; 3.  use testnode; 4. 创建数据库表 CREATE DATABASE `node` DEFA ...

  8. linux命令系列 ls

    ls是linux中最常用的命令之一 ls 的功能是list directory contents,其常用的选项如下: (1) -l   use a long listing format(长格式,显示 ...

  9. python之爬虫_模块

    目录 一.requests模块二.Beautifulsoup模块 一.requests模块 1.介绍 Python标准库中提供了:urllib.urllib2.httplib等模块以供Http请求,但 ...

  10. to_char

    to_date(to_char(to_date(#{conds.currentTime,jdbcType=VARCHAR},'YYYY-MM-DD hh24:mi:ss'),'hh24:mi:ss') ...