脚本

js动态加载脚本

夙愿已清 提交于 2020-01-31 03:38:46
 首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package.js,打开后在里面写一个方法functionOne,很简单,代码如下: [javascript] view plain copy function functionOne(){ alert( "成功加载"); }  后面的html文件都创建在同一个目录下。 方法一:直接document.write  在同一个文件夹下面创建一个function1.html,代码如下: [html] view plain copy < html > < head > < title > </ title > < script type= "text/javascript" > function init() { //加载js脚本 document.write(" < script src= 'package.js' > <\/script >"); //加载一个按钮 document.write(" < input type=\"button\" value=\"测试运行效果\" onclick=\"operation()\"\ />"); //如果马上使用会找不到,因为还没有加载进来,此处会报错 functionOne(); } function operation() { //可以运行,显示“成功加载”

动态加载JS代码

孤人 提交于 2020-01-31 02:43:20
  到处查资料研究js动态脚本的加载,找到以下7种方法,总有一种适合你!   首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package.js,打开后在里面写一个方法functionOne,很简单,代码如下: function functionOne(){ alert("成功加载"); }   后面的html文件都创建在同一个目录下。 方法一: 直接document.write   在同一个文件夹下面创建一个function1.html,代码如下: <html> <head> <title></title> <script type="text/javascript"> function init() { //加载js脚本 document.write("<script src='package.js'><\/script>"); //加载一个按钮 document.write("<input type=\"button\" value=\"测试运行效果\" onclick=\"operation()\"\/>"); //如果马上使用会找不到,因为还没有加载进来,此处会报错 functionOne(); } function operation() { //可以运行,显示“成功加载” functionOne(); } </script> </head>

如何在浏览器控制台中引入外部 JS

痴心易碎 提交于 2020-01-31 01:03:04
背景 在 JS 调试中需要使用外部函数 (例如 md5),但是却不能在控制台中使用。 解决方案 例如加入以下 md5 所需 js: < script src = " https://cdn.staticfile.org/blueimp-md5/2.12.0/js/md5.min.js " > </ script > 可在 Chrome Console 中输入: var script = document . createElement ( 'script' ) ; script . src = "https://cdn.staticfile.org/blueimp-md5/2.12.0/js/md5.min.js" ; document . getElementsByTagName ( 'head' ) [ 0 ] . appendChild ( script ) ; 测试: 本方法在 Chrome、Edge、Firefox上均可使用。 其他浏览器未经测试不代表不能使用,具体请自行测试。 Chrome: Edge: Firefox: 参考文章:https://www.zorkelvll.cn/blogs/zorkelvll/articles/2018/11/17/1542461611996 来源: CSDN 作者: 果光 链接: https://blog.csdn.net

lazyload 延迟加载

孤街醉人 提交于 2020-01-29 17:35:04
0 前言 现在在做手机移动端的网站,因为是电商类,因此会有各种各样的图片,老大对于这么多图片的加载表示十分不爽,于是在各种探索可以延迟加载图片啊什么的方法,于是jquery.lazyload.js就映入眼帘了。 github : https://github.com/tuupola/jquery_lazyload 1 用法 jquery.lazyload.js 是基于jquery的,这里是从github上面下载下来的demos,分享在度盘了 http://pan.baidu.com/s/1eQkXSNC 简单写几个例子: 默认的延迟加载、设定区域延迟加载、自定义事件延迟加载 等,我觉得这样的组合基本上就差不多够用了,更多的功能看看demo研究一下应给问题不大~ 1.1 准备工作 1.1.1 js库 首先当然了,jquery.js和jquery.lazyload.js都得有吧~? 前者在网上找就好,不过笔者学习的时候用的1.4.2 ; 后者直接去网盘分享里面扒就是了~ 1.1.2 图片 嗯,多准备一些图片有备无患啊,最好是每行一张的条件下能够多出浏览器可视范围很多,这样貌似能更好的观察效果啊~ 1.2 html代码 话不多说,直接放代码,这段html代码基本上就不会变了 <!DOCTYPE html> <html> <head> <title>lazyload的测试</title>

lazyload延迟加载组件

霸气de小男生 提交于 2020-01-29 17:27:54
lazyload现在网上已经用的很多(淘宝商城,新浪微博等等),先放demo: mylazyLoad.zip 效果: <div id="redbox1" onclick="alert('js执行了')" class="redbox">点击我</div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div class="redbox"></div> <div class="bluebox"></div> <div

jquery完全版下载

怎甘沉沦 提交于 2020-01-29 08:06:54
查看演示 立刻下载 错误提交 填加用法 jquery-2.1.1 (注!jquery-2.0以上版本不再支持IE 6/7/8) 百度引用地址 (推荐目前最稳定的,不会出现延时打不开情况) 百度压缩版引用地址: <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> 微软压缩版引用地址: <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script> 官网jquery压缩版引用地址: <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> jquery-2.1.1下载 jquery-2.0.0 百度压缩版引用地址: <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 微软压缩版引用地址: <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js"></script> 官网jquery压缩版引用地址: <script src="http:/

模块二、shell脚本逻辑结构

核能气质少年 提交于 2020-01-29 01:19:23
七、if结构条件句知识与实践 (一)if条件句单双分支语法 1、单分支 if 条件 then 指令 fi 2、双分支 if 条件 then 指令 else 指令集2 fi (二)if条件句多分支语句 if 条件1 then 指令1 elif 条件2 then 指令2 elif 条件3 then 指令3 else 指令4 fi 实例: 如果不存在目录/backup,则创建。 [root@centos6-kvm3 scripts]# cat 07-01.sh #!/bin/bash path="/backup" [ -d $path ] || mkdir $path -p if [ -d $path ] then : else mkdir $path -p fi if [ !-d $path] then mkdir $path -p fi [root@centos6-kvm3 scripts]# 开发shell脚本判断内存是否充足,如果小于100,提示不足,如果大于100提示充足。 [root@centos6-kvm3 scripts]# cat 07-02.sh #!/bin/bash mem=`free -m | awk 'NR==3{print $NF}'` if [ $mem -lt 100 ] then echo "内存不充足!" else echo "内存充足!" fi

简单登陆页面的HTML

拥有回忆 提交于 2020-01-28 23:51:03
<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>登陆</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- jquery @{/js/jquery.min.js}表示引入静态文件--> <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script> <!-- bootstrap --> <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.min.css}" /> <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.min.js}"></script> <!-- jquery-validator 前端验证--> <script type="text/javascript" th:src="@{/jquery-validation/jquery.validate.min.js}"></script> <script type=

jquery 下载

瘦欲@ 提交于 2020-01-28 14:25:50
jquery下载所有版本(实时更新) 摘自:http://www.jq22.com/jquery-info122 插件描述:jquery下载,实时更新jquery1.2到最新3.2.1所有版本下载 /*--> */ /*--> */ jQuery版本 3.2.1 3.1.1 3.0.0 2.1.4 2.1.1 2.0.0 1.11.3 1.11.1 1.10.2 1.9.1 1.8.3 1.7.2 1.6.4 1.5.2 1.4.4 1.4.2 1.3.2 1.2.3 (注!jquery-2.0以上版本不再支持IE 6/7/8) 百度引用地址 (推荐目前最稳定的,不会出现延时打不开情况) jquery-3.2.1(最新) 官网jquery压缩版引用地址: 1 < script src = " https://code.jquery.com/jquery-3.2.1.min.js " ></ script > jquery-3.2.1下载 jquery-3.1.1 官网jquery压缩版引用地址: 1 < script src = " https://code.jquery.com/jquery-3.1.1.min.js " ></ script > jquery-3.1.1下载 jquery-3.0.0 官网jquery压缩版引用地址: 1 < script src = "

JS是什么?

為{幸葍}努か 提交于 2020-01-28 09:03:28
JavaScript:简称js 是一门脚本语言:不需要编译直接执行 是一门解释性语言:在运行代码时,将程序直接翻译成机器语言 是一门动态语言:? 是一门基于对象的语言:? js分3个部分: 1.ECMAScript标准 ====js基本语法 2.DOM ====document object Model 文本对象模型 3.BIM ====Browser Object Model 浏览器对象模型 js:用户和浏览器进行交互 js三种写法: 1.行内 2.内部 3.外部:新建外部js文件,通过script js注意问题: 如果js中有抱错,不会执行当前script后面的代码 可以写多对script标签 script中设置属性type=“text/javascript” 标准写法,默认值 看见一个属性 language,设置script的类型,也支持 来源: CSDN 作者: lemon_T_ 链接: https://blog.csdn.net/lemon_T_/article/details/103556669