![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS+JQ
鸟飞惊了看花人
这个作者很懒,什么都没留下…
展开
-
js被引入html的方法
目录结构如下,当然也可以将js文件放在文件夹里test.html里引入方式,由于html和js文件放在一个目下,src不加路径名即为当前路径<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...原创 2019-07-30 16:35:34 · 1548 阅读 · 0 评论 -
JavaScript 函数(参数)定义
JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。函数声明在之前的教程中,你已经了解了函数声明的语法 :function functionName(parameters) { 执行的代码}函数声明后不会立即执行,会在我们需要的时候调用到。function myFunction(a, b) { return a * b...原创 2019-07-31 14:53:57 · 3368 阅读 · 0 评论 -
jQuery 全选、反选和全不选
HTML代码:<div id="list"> <input type="checkbox" value="1"> 1.时间都去哪儿了 <input type="checkbox" value="2"> 2.海阔天空 <input type="checkbox" value="3"> 3.真的爱你 <input t...原创 2019-08-02 09:28:31 · 510 阅读 · 0 评论 -
jquery tr增删 ,批量删除
html代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8">&...原创 2019-08-02 09:32:19 · 1325 阅读 · 0 评论 -
JS的应用(document对象)
document对象为对网页内部文档的操作,它基本上所有的东西都可以操作,一般用来操作一些标签。而要想操作这个标签里面的元素,首先要找到该元素。JS里面找元素的方式类似于样式表的选择器找元素的方式,同时为元素定义一个变量: 1.通过id查找:var a = document.getElementById("a");,括号内为元素的id; 2.通过class查找:var b = ...原创 2019-08-20 11:33:27 · 415 阅读 · 0 评论 -
JavaScript实现页面动态添加图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="Banner">点击我</div> <scr...原创 2019-08-20 16:37:31 · 3634 阅读 · 0 评论 -
怎么把HTML5 3D特效放到自己的网页
先去素材网站找到喜欢的,好看的动画下载下来解压会有一个HTML页面跟js文件,把js文件复制到自己项目的js文件里面然后把该js按照自己项目目录位置引入自己想要放入的HTML文件,然后把下载下来的HTML页面里面的js代码放入自己项目的HTML页面,并修改绑定标签然后访问自己项目会发现,js动画已在自己项目展示...原创 2019-08-20 16:55:50 · 958 阅读 · 1 评论 -
简单了解css3动画与js动画
比较比较兼容性css3兼容性不好,IE10才开始支持。js兼容性好,甚至可以兼容IE6。性能css3在性能上会稍微好一些,浏览器会对CSS3的动画做一些优化(新建图层来跑动画)。移动端的开发也有这种hack,开启硬件加速,来解决可能的卡顿问题:css-webkit-transform: translate3d(0, 0, 0);js在现代浏览器中性能的差异可以忽略,但是对于...原创 2019-08-20 18:07:38 · 678 阅读 · 0 评论 -
CSS3+JS滚动数字时钟代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2019-08-16 16:00:53 · 508 阅读 · 0 评论 -
多页面共享头部
在前端项目中,有时候会遇到多个页面使用相同的头部模块的情况,为了节省劳动力,我们可以采用引入js文件的方式。但是我们一开始实现模块都是采用html渲染页面,如何统一插入页面呢。1、书写完整的html页面文件并引入css文件<html><head> <meta name='description' content="this is my page"> ...原创 2019-09-05 17:44:32 · 1872 阅读 · 0 评论 -
JavaScript Break 和 Continue 语句
break 语句用于跳出循环。continue 用于跳过循环中的一个迭代。Break 语句我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。break 语句可用于跳出循环。break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):for (i=0;i<10;i++){ if (i==3) { b...原创 2019-07-31 14:39:21 · 708 阅读 · 0 评论 -
JavaScript switch 语句
switch 语句用于基于不同的条件来执行不同的动作。JavaScript switch 语句请使用 switch 语句来选择要执行的多个代码块之一。语法switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: ...原创 2019-07-31 14:36:42 · 771 阅读 · 0 评论 -
JavaScript 用法
JavaScript 用法HTML 中的脚本必须位于 标签之间。脚本可被放置在 HTML 页面的 和 部分中。<script> 标签如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。<script>...原创 2019-07-30 16:49:09 · 467 阅读 · 0 评论 -
jQuery中的text()、html()和val()以及innerText、innerHTML和value
*jQuery中设置或者获取所选内容的值:text();设置或者获取所选元素的文本内容;html();设置或者获取所选元素的内容(包括html标记);val();设置或者获取表单字段的值(前提是表单设置了value属性);(text()和html()的区别是:前者是处理的文本内容,只能写文本如果写了上面的标记则会以文本形式输出;后者可以解析文本中的html标记,就是你可以添加像<...原创 2019-08-03 16:08:25 · 641 阅读 · 0 评论 -
JavaScript 简介
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 很容易学...原创 2019-07-31 14:01:46 · 585 阅读 · 0 评论 -
JavaScript 输出
JavaScript 没有任何打印或者输出的函数。JavaScript 可以通过不同的方式来输出数据:使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。使用 window.alert()你可以弹出警告框来显示...原创 2019-07-31 14:07:21 · 431 阅读 · 0 评论 -
JavaScript 数据类型
值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。JavaScript 拥有动态类型JavaScript 拥有动态类型。这意味着相同...原创 2019-07-31 14:13:14 · 532 阅读 · 0 评论 -
JavaScript 作用域
作用域是可访问变量的集合。JavaScript 作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。JavaScript 函数作用域: 作用域在函数内修改。JavaScript 局部作用域变量在函数内声明,变量为局部作用域。局部变量:只能在函数内部访问。// 此处不能调用 carName 变量func...原创 2019-07-31 14:17:52 · 530 阅读 · 0 评论 -
JavaScript 事件
HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。HTML 事件HTML 事件可以是浏览器行为,也可以是用户行为。以下是 HTML 事件的实例:HTML 页面完成加载HTML input 字段改变时HTML 按钮被点击通常,当事件发生时,你可以做些事情。在事件触发时 JavaScript...原创 2019-07-31 14:22:33 · 545 阅读 · 0 评论 -
JavaScript if...Else 语句
条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码if...else if....else 语句- 使用该语句来选择...原创 2019-07-31 14:26:51 · 677 阅读 · 0 评论 -
JavaScript 循环
For 循环for 循环是您在希望创建循环时常会用到的工具。下面是 for 循环的语法:for (语句 1; 语句 2; 语句 3){ 被执行的代码块}语句 1 (代码块)开始前执行语句 2 定义运行循环(代码块)的条件语句 3 在循环(代码块)已被执行之后执行实例for (var i=0; i<5; i++){ x=x + "该数字为 " + i...原创 2019-07-31 14:34:37 · 652 阅读 · 0 评论 -
JavaScript实现图片上传并预览并提交ajax代码
图片上传并预览HTML<div class="file-box"> <img id="preview" /> <input type="text" id="imgfield" class="txt" placeholder="预览"> <input type="file" name="file" id = "input_fil...原创 2019-09-10 11:56:08 · 2498 阅读 · 0 评论