![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
WLY_Unity_Unreal
这个人很懒,还没有添加简介
展开
-
Dom Api之操作标签属性
标签元素的属性有两类:1.标签自带属性.2.自定义属性.一、获取属性.获取属性有两种方法:1.element.属性名.2.element.getAttribute(属性名).下面用代码看一下他们的区别:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width原创 2020-07-13 18:06:20 · 396 阅读 · 0 评论 -
Dom Api之事件三要素
html中的标签,可以通过某些行为触发不同类型的事件,比如,我们点击button标签,可以触发onclick事件,我们可以为onclick绑定自定义的方法,来实现一些功能:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2020-07-10 16:52:42 · 226 阅读 · 0 评论 -
Dom Api之获取元素
Dom,全名Document object model,文档对象模型,我们打开的一个网页,可以看做一个文档,网页中的标签可以看做是文档中的元素,h5中的标签、标签文本内容、标签属性、注释可以看做节点,在js中可以使用一些api来操作这些节点以帮助我们实现某些功能.下面看一下dom中经常使用的一些获取元素的api.1.getElementById.如果给标签添加一个id,可以通过document.getElementById(id)的方式来获取到这个标签元素.<!DOCTYPE html&原创 2020-07-10 14:59:47 · 301 阅读 · 0 评论 -
通过jsonp解决跨域请求问题
处于安全考虑,浏览器采用同源策略限制不同协议、域名、端口之间的ajax请求,但是当我们有需求这样做的时候该怎么办呢?经过前辈们的尝试发现script标签不受同源策略的限制,因此制定了一套方案用来解决跨域的问题.如下,我们在site1.dev中向site2.dev发起一个ajax跨域请求:<!DOCTYPE html><html><head> <...原创 2019-06-26 12:32:35 · 343 阅读 · 0 评论 -
Ajax网络编程详解
Ajax是js中用于网络编程的一套api,可以帮助客户端更灵活的与服务端交互.ajax的使用基于XMLHttpRequest类:1.通过get方式传递参数并在服务端拼接后返回:为了兼容IE5/6,通过三元表达式实例化对象.<!DOCTYPE html><html><head> <title>test</title>&...原创 2019-06-23 21:04:18 · 285 阅读 · 0 评论 -
基于art-template解释模板引擎的作用
我们在开发时,经常会遇到这样的需求:从服务端取到某些数据,以指定的界面展示出来数据中的一些信息.这种情况,我们可以通过js代码动态的创建相关节点并把对应的数据放到节点中.但是当界面比较复杂的时候,这种方式就会显得繁琐而且不容易维护,因此,模板引擎出现了,他可以让我们在正常的html写法的模板中取得js中对应的数据变量,在需要使用的标签中直接把变量嵌套进去.这样就方便很多,下面使用art-templ...原创 2019-06-24 15:38:08 · 971 阅读 · 0 评论 -
封装ajax
为了更方便的使用ajax进行网络编程,这里把ajax请求流程的代码封装一下:function ajax (method, url, params = {}) { return new Promise ((resolve, reject) => { //判断参数是否为对象 if (typeof params !== 'object') { reject ('参数类型错误'...原创 2019-06-24 18:32:34 · 148 阅读 · 0 评论