JS学习笔记
逸川先生
Java开发工程师,专注后台开发两年,擅长分布式系统
展开
-
JavaScript--数组
JavaScript中唯一的容器就是数组,因此数组的用法十分重要。JavaScript的数组创建有两种方式,看代码演示 /* 数组定义方式1 */ function f1(){ var arr=[1,2,3]; arr[4] = 9; alert(arr);//1,2,3,,9 alert("arr[3]="+arr[3]);//arr[3]=undefind---集...原创 2018-06-11 19:50:41 · 88 阅读 · 0 评论 -
JavaScript--moveBy的用法
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>moveBy的用法</title></head><body> <!-- 先新开一个窗口,然后点击移动窗口按钮,窗口就可以移动了原创 2018-07-10 10:44:56 · 1761 阅读 · 0 评论 -
JavaScript--定时器
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>定时器</title></head><body> <div style="width: 300px;height:原创 2018-07-10 10:47:13 · 155 阅读 · 0 评论 -
JavaScript--confirm 确认弹框
confirm--显示一个带有指定消息和 OK 及取消按钮的对话框用户点击ok返回true,点击取消返回false<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head&g原创 2018-07-10 10:50:51 · 1253 阅读 · 0 评论 -
Dom--获取元素的三种方式
Dom即document,是指显示网页内容的部分,也就是这一块:有三种方式来获取其中的元素,反别是getElementById, getElementsByTagName, getElementsByName<!DOCTYPE html><html><head><meta charset="UTF-8"><title>dom-获取...原创 2018-07-10 10:58:46 · 3743 阅读 · 0 评论 -
Dom--动态生成表格
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>动态生成表格</title> <link href="table.css" style="text/css" rel="styleshee原创 2018-07-10 11:03:46 · 259 阅读 · 0 评论 -
dom--动态删除表格指定行列
比如购物车,虽然可以每次都请求后台之后,后台发送所有的更新过后的表格信息,但是这样显然效率太低了,其实后台只需要告诉前台数据更新成功与否,这样的话,就需要实时的使用js对表格进行更新。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>动态生成表格和删除表格指定行列<..原创 2018-07-10 11:08:09 · 794 阅读 · 0 评论 -
dom--checkbox的用法
checkbox--也就是复选框,用过邮箱的应该都知道的,点击全选复选框,下面的复选框就全选了,再点的时候又都全取消了,选中一部分,点击删除将删除所选中的邮件。<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>checkbox.html</ti..原创 2018-07-10 11:12:19 · 791 阅读 · 0 评论 -
radio单选按钮
以一个极为简单的问卷调查为例,打开网页,默认否,点击是,将打开问卷,点击否,将打开问卷<!DOCTYPE html><html> <head> <title>问卷调查</title> <meta charset=UTF-8> <script type="text/javascript"原创 2018-07-10 11:15:55 · 267 阅读 · 0 评论 -
radio单选按钮2
<!DOCTYPE html><html> <head> <title>性格测试</title> <meta charset=UTF-8> <script type="text/javascript"> function test(){ var oRds = d原创 2018-07-10 11:17:33 · 157 阅读 · 0 评论 -
动态添加表单节点
以添加附件为例,点击添加附件按钮,下方将添加一个能添加附件的组件,点击他右边的删除按钮,将删除该附件。<!DOCTYPE html><html> <head> <title>addFile.html</title> <meta charset=UTF-8> <script type="text/原创 2018-07-10 11:23:03 · 1053 阅读 · 0 评论 -
XmlHttp - Ajax技术
XmlHttp是什么?最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。来自MSDN的解释:XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP....原创 2018-10-01 00:35:59 · 7852 阅读 · 0 评论 -
JSON
//json使用方式1: function Person(){}; var p = new Person(); p.name = "老干爹"; p.age = 22; p.xxx = "xx人"; p.getName = function(){ return this.name; } println(p.getName()+","+p.age+","+p.xxx);//老干爹...原创 2018-06-18 14:59:50 · 127 阅读 · 0 评论 -
JavaScript--Number对象
//Number(s): 把参数s转换成"数值(Number类型的值)",如果参数是Date则返回毫秒值,如果参数不能转换成数值则返回: NaN var test1= new Boolean(true); var test2= new Boolean(false); var test3= new Date(); var test4= new String("999"); var tes...原创 2018-06-18 12:02:44 · 133 阅读 · 0 评论 -
JavaScript--switch case
JavaScript中的switch case使用方法和Java是一样的,只不过,JavaScript中支持所有类型,而Java只支持整形,char,string。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title&am原创 2018-06-11 19:55:09 · 493 阅读 · 0 评论 -
JavaScript--函数
简单演示一下JavaScript函数的使用<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS函数的使用</title></head><body> <script type=&原创 2018-06-11 20:32:01 · 97 阅读 · 0 评论 -
JavaScript基本语法
1.js基于对象,而Java是面向对象。js和Java是两门不同的语言面向对象,也就是对象和程序分离,程序可以操纵对象,程序独立与对象。基于对象,也就是对象已经有了,程序在它的基础上才能执行,没有对象,就没有这个程序。2.js可以内嵌到HTML中,代码不需要像C或者Java那样先编译后执行,而是直接在浏览器读一行,执行一行,后面的代码有bug,不会影响前面的代码的执行。3.js的数据类型有五种:b...原创 2018-06-08 23:43:21 · 152 阅读 · 0 评论 -
JavaScript--几个简单的函数
function print(e){ document.write(e);}function println(e){ document.write(e+"<br>");}<!DOCTYPE html><html><head><meta charset="UTF-8"><title>J原创 2018-06-17 09:30:33 · 208 阅读 · 0 评论 -
JavaScript--Object对象
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS对象--object</title><script type="text/javascript" src="tools.js">&原创 2018-06-17 09:52:05 · 133 阅读 · 0 评论 -
JavaScript--String对象的方法1
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>String对象</title><script type="text/javascript" src="tools.js">&原创 2018-06-17 10:42:15 · 168 阅读 · 0 评论 -
JavaScript--String对象方法2
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>String对象--前端</title><script type="text/javascript" src="tools.js">&原创 2018-06-17 10:58:58 · 118 阅读 · 0 评论 -
JavaScript--String对象的三个属性
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS的三个属性</title><script type="text/javascript" src="tools.js">&l原创 2018-06-17 11:22:51 · 264 阅读 · 0 评论 -
JavaScript--再谈js的Array对象
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS唯一的容器--Array</title><script type="text/javascript" src="tools.js">原创 2018-06-17 14:32:16 · 118 阅读 · 0 评论 -
JavaScript--Date对象
var date = new Date(); println(date);// Mon Jun 18 2018 09:40:16 GMT+0800 (中国标准时间) println(date.toDateString());// 只显示日期 println(date.toLocaleString());// 2018/6/18 上午9:42:03 println(date.toLocal...原创 2018-06-18 12:00:29 · 117 阅读 · 0 评论 -
JavaScript--Math对象
//绝对值 var x = -33.33; x = Math.abs(x); println(x);//33.33 //向上取整 x = 22.22; x = Math.ceil(x); println(x);//23 //向下取整 x = 22.22; x = Math.floor(x); println(x);//22 //e的3次幂 println...原创 2018-06-18 12:01:11 · 117 阅读 · 0 评论 -
JavaScript--Global对象
println("JS语言中的对象--Global对象, 顶层函数(全局函数)"); //eval(str): 把字符串当成js语句来进行评估且执行 eval("var a = 10;var b = 23;document.write( a+b );");//33 println("<br>"+eval("3+8")); //isNaN(s): 判断s是否是一个"非N...原创 2018-06-18 12:02:07 · 146 阅读 · 0 评论 -
JS练习 - 切换图片
功能简单,仅作新手练习,先上个图HTML代码如下:1.引入css和js2.写几个必要的标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS练习之切换图片</title> &a原创 2019-02-08 16:53:23 · 450 阅读 · 0 评论