javascript
我才是丶丶丶天使
这个作者很懒,什么都没留下…
展开
-
如何使用Babel来编译ECMAJavaScript
ECMAJavaScript6需要经过Babel编译之后,兼容各种版本的浏览器,并且整个过程需要在node的环境下进行,下文将会介绍ECMAJavaScript如何经过Babel的编译从而可以兼容各种浏览器。原创 2020-05-06 16:10:04 · 179 阅读 · 0 评论 -
Ajax的基本概念和使用方法02
前情摘要:在本次实验中采取了js代码和HTML分离的方式。文件夹中一共有五个文件:HTML文档、三个js文件、以及一个txt文件。 HTML文件如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax02</title> <sc...原创 2020-04-18 20:23:58 · 110 阅读 · 0 评论 -
Ajax的基本概念和使用方法01
前情摘要:在创建的文件夹中,包含了一个内嵌有js代码的HTML文档,和一个txt类型的show01文件,show01文件将作为浏览器在服务器上要访问的文件。详细介绍会在代码中说明! 完整代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax01...原创 2020-04-18 19:22:18 · 116 阅读 · 0 评论 -
Ajax的基本概念和使用方法03
Ajax的基本概念和核心技术:Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器当中的脚本与服务器之间的中间人的角色。以往的请求都由浏览器发出,而JavaScript可以通过这个对象自己发送请求,同时也自己处理响应。 Ajax技术的基本应用: 首先,我们需要创建一个XMLHttpRequest,不同的浏览器有不同的创建方式,所以为了兼容各种版本的浏览器,创建XMLHttp...原创 2020-04-16 23:21:07 · 81 阅读 · 0 评论 -
使用JS中的定时器实现块元素背景颜色淡入和淡出的效果
效果展示: HTML代码如下: <body> <div id="div1"></div> </body> CSS代码如下: #div1{ width: 200px; height: 200px; background-color: red; /* 兼容ie6 */ /* filter: alpha(op...原创 2020-04-16 01:33:01 · 847 阅读 · 0 评论 -
JS实现的一个块元素可以自由移入移出的网页效果
展示效果为: HTML代码如下: <div id="div1"> <span>分享到</span> </div> CSS代码如下: #div1{ width: 150px; height: 200px; background-color: green; /* 给元素设置绝对定位 */ positio...原创 2020-04-16 00:19:49 · 420 阅读 · 0 评论 -
javescript实现图片无缝滚动的网页效果
效果展示: HTML代码: <!-- 放两个按钮用来控制滚动的方向 --> <input type="button" value="向左走"> <input type="button" value="向右走"> <!-- 一个大的div中含有一个无序列表,并且无序列表中有四个列表项,列表项中的图片自定义。 --> <div id...原创 2020-04-13 18:42:02 · 177 阅读 · 0 评论