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单元测试的用法及原因

    1.ctrl+n  生成  Junit Test Case 2.选择文件夹 3.superClass  继承BaseUnitTest 4.next后 打勾选择需要单元测试的方法. 5.在生成的test ...

  2. 大数据中HBase集群搭建与配置

    hbase是分布式列式存储数据库,前提条件是需要搭建hadoop集群,需要Zookeeper集群提供znode锁机制,hadoop集群已经搭建,参考 Hadoop集群搭建 ,该文主要介绍Zookeep ...

  3. TPO-21 C2 Which elective courses to take

    /* 加粗:语音部分 * 红色:单词部分 * 斜体:语法部分 * 下划线:信号词/句 */ 第 1 段 1.Listen to a conversation between a student and ...

  4. 3星|《实战复盘第四季·商业巨头们的变革之道》：GE、TCL、力拓集团、英美资源集团等企业总裁的变更经验

    实战复盘第四季·商业巨头们的变革之道(<哈佛商业评论>增刊) 本期是<哈佛商业评论>“实战复盘”栏目的10篇文章,讲的是GE.TCL.力拓集团.英美资源集团等企业如何熬过变革期 ...

  5. easyx图形库做贪吃蛇游戏

    编程总是对着一个黑窗口,可以说是非常乏味了,于是喵喵就翻出来了以前用easyx图形库做图形界面的贪吃蛇游戏. 不过大家只是当做提高编程的乐趣来学习吧,想进一步做的话可以学习QT,还有其他的框架. 这是 ...

  6. Git----01介绍&下载&安装&创建本地仓库

    一.Git介绍 1.0.Git是分布式版本控制工具 1.1.历史 Linux 内核开源项目有着为数众广的参与者.绝大多数的 Linux 内核维护工作都花在了提交补丁和保存归档的繁琐事务上(1991-2 ...

  7. cobbler部署以及使用

    常用软件安装及使用目录 资源链接:https://pan.baidu.com/s/1yfVnuSgY5vOTh-B74tpVyw   网盘分享的文件在此 cobbler第一次操作history. ec ...

  8. [shell] 一次性赋值多个变量

    管道符是fork子进程,子进程的变量无法传回父进程 [root@XM-v106 ~]# echo "1 2 3" | read a b c;echo $a [root@XM-v10 ...

  9. MyForm_参考django的Form组建

    fork wupeiqi:https://github.com/fat39/Tyrion 组件说明:https://www.cnblogs.com/wupeiqi/p/5938916.html

  10. 阿里nas挂载错误

    报错如下,解决:yum install nfs-utils 即可 mount: wrong fs type, bad option, bad superblock on 12080482f3-qra4 ...