博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
编程语言 - 脚本编程 - JavaScript/Jquery/Ajax/XML/JSON/ActionScript3
阅读量:4318 次
发布时间:2019-06-06

本文共 4947 字,大约阅读时间需要 16 分钟。

事件处理

onmouseover

菜鸟教程(runoob.com)Smiley

函数 bigImg() 在鼠标指针移动到笑脸图片是触发。

函数 normalImg() 在鼠标指针移出笑脸图片是触发.

View Code

onmouseout

菜鸟教程(runoob.com)Smiley

函数 bigImg() 在鼠标指针移动到笑脸图片是触发。

函数 normalImg() 在鼠标指针移出笑脸图片是触发.

View Code

onload

脚本执行完后执行事件,如加载图片后弹窗加载图片       
View Code

addEventListener

添加事件句柄

onfocus

改变文本框颜色First name: 
Last name:
View Code

字符处理

str->Unicode

取字符串中单个字符的Unicode值charCodeAt() 取字符串中所有字符的Unicode值Array.prototype.map.call

indexOf

字符首次出现在字符串中的位置

substr/substring

var str=“Olive”;       Str.substring(3,4);       Str.substring(3,2);           结果:1) “v”  2) 0说明:当substring有两个参数时,第一个参数表示从字符串的第几位开始截取,第二个参数表示截取到字符串的第几位      var str=“Olive”;       Str.substr(3,2);       Str.substr(3,4);        结果:1) “ve” 2) “ve”        说明:substr有两个参数时,第一个参数表示从字符串的第几位开始截取,第二个参数表示截取多少位字符串
View Code

对象处理 - 对象创建

对象字面量和使用new表达式    "var o1 = {}var o2 = new Object();"    通过函数对象创建    "function f1(){}var o3 = new f1();"

对象处理 - 修改对象值

菜鸟教程(runoob.com)

id="demo" 的 p 元素

点击按钮修改 id="demo" 的 p 元素内容

View Code

对象处理 - 向HTML对象输入内容

document.getElementById("demo").innerHTML

View Code

性能分析 - 页面加载时间

performance类的timing属性

function dosomething() { var a = 1; var b = 2; return a+b;};let t0 = window.performance.now();alert(dosomething());let t1 = window.performance.now();console.log(t1-t0);
View Code

原型链

继承function Father() {    this.first_name = 'Donald'    this.last_name = 'Trump'}function Son() {    this.first_name = 'Melania'}Son.prototype = new Father()let son = new Son()console.log(`Name: ${son.first_name} ${son.last_name}`)Son类继承了Father类的last_name属性,最后输出的是Name: Melania Trump

随机数

Math.random()

标红的参数(随机数)目的是为了让每次访问的地址不一样,这样浏览器就不会读取本地缓存的数据
View Code

文件处理 - 文件上传

使用ajax上传使用formdata上传--可实现异步上传二进制文件

重定向

history.back()      
JSONP
View Code

Jquery相关

事件处理 - Dom操作document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)二是onload,指示页面包含图片等文件在内的所有元素都加载完成。 用jQ的人很多人都是这么开始写脚本的:$(function(){// do something});其实这个就是jq ready()的简写,他等价于:$(document).ready(function(){//do something})//或者下面这个方法,jQuer的默认参数是:“document”;$().ready(function(){//do something})这个就是jq ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。一般情况先一个页面响应加载的顺序是:域名解析-加载html-加载js和css-加载图片等其他信息。那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom元素操作 - 通过

这是一个段落。

这是另一个段落。

改变元素内容 - .html()Jquery库地址baidu - google - http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js对象操作 - 数组合并 序列化 - 表单 - .serialize() 表单-》a=1&b=2&c=3&d=4&e=5
View Code

Ajax相关

读取txt文件并显示      
读取json文件并显示
属性 - async默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行属性 - data发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'属性 - dataType类型:String预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:"xml": 返回 XML 文档,可用 jQuery 处理。"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)"json": 返回 JSON 数据 。"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。"text": 返回纯文本字符串属性 - error类型:Function默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。这是一个 Ajax 事件属性 -jsonp类型:String在一个 jsonp 请求中重写回调函数的名字。这个值用来替代在 "callback=?" 这种 GET 或 POST 请求中 URL 参数里的 "callback" 部分,比如 {jsonp:'onJsonPLoad'} 会导致将 "onJsonPLoad=?" 传给服务器属性 -jsonpCallback类型:String为 jsonp 请求指定一个回调函数名。这个值将用来取代 jQuery 自动生成的随机函数名。这主要用来让 jQuery 生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存 GET 请求的时候,指定这个回调函数名属性 - success类型:Function请求成功后的回调函数。参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。这是一个 Ajax 事件属性 - type 类型:String默认值: ""GET"")。请求方式 (""POST"" 或 ""GET""), 默认为 ""GET""。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。属性 - url 类型:String默认值: 当前页地址。发送请求的地址。属性 - xhr 类型:Function需要返回一个 XMLHttpRequest 对象。默认在 IE 下是 ActiveXObject 而其他情况下是 XMLHttpRequest 。用于重写或者提供一个增强的 XMLHttpRequest 对象。这个参数在 jQuery 1.3 以前不可用。"函数 回调函数 如果要处理 $.ajax() 得到的数据,则需要使用回调函数:beforeSend、error、dataFilter、success、complete error 在请求出错时调用。传入 XMLHttpRequest 对象,描述错误类型的字符串以及一个异常对象(如果有的话) success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串
View Code

XML相关

从服务器去XML数据展示在前台页面
View Code

JSON相关

数组-》Json    json_encode    echo json_encode($result_set,JSON_UNESCAPED_UNICODE);  --JSON_UNESCAPED_UNICODE中文不转换为Unicode

ActionScript3相关

事件包            flash.events.MouseEvent            文件读写包            flash.net.URLLoader        加载文本文件、二进制数据或外部变量的值    flash.net.URLRequest            flash.net.URLLoaderDataFormat            flash.net.FileReference

 

转载于:https://www.cnblogs.com/AtesetEnginner/p/11319145.html

你可能感兴趣的文章
访问修饰符、封装、继承
查看>>
更换pip源到国内镜像,提升pip下载速度.
查看>>
Kendo MVVM 数据绑定(七) Invisible/Visible
查看>>
插入返回ibatis 的selectKey 实现插入数据后获得id
查看>>
解决win7下打开Excel2007,报“向程序发送命令时出现问题”的错误
查看>>
Win form碎知识点
查看>>
避免使用不必要的浮动
查看>>
第一节:ASP.NET开发环境配置
查看>>
sqlserver database常用命令
查看>>
rsync远程同步的基本配置与使用
查看>>
第二天作业
查看>>
访问属性和访问实例变量的区别
查看>>
Spring MVC 异常处理 - SimpleMappingExceptionResolver
查看>>
props 父组件给子组件传递参数
查看>>
【loj6038】「雅礼集训 2017 Day5」远行 树的直径+并查集+LCT
查看>>
十二种获取Spring的上下文环境ApplicationContext的方法
查看>>
UVA 11346 Probability 概率 (连续概率)
查看>>
linux uniq 命令
查看>>
Openssl rand命令
查看>>
HDU2825 Wireless Password 【AC自动机】【状压DP】
查看>>