1 下载
官网网站:http://www.tampermonkey/
个人分享:https://920.lanzous/igiWUegi7je(直接把插件拖入浏览器,即可安装,最好升下级)
谷歌商店:https://chrome.google/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
2 参数说明
@name:脚本的名字
@namespace:可以写自己的域名
@version:版本
@description:功能描述
@author:作者
// ==UserScript==
// @name 所有网站
// @namespace no
// @version 0.1
// @description 测试
// @author ty
@require 引入站外资源
# 引入js
// @require https://cdn.bootcss.com/jquery/2.2.1/jquery.js
@match:匹配的网址
# 匹配所有网站
// @match *://*/*
3 实例
3.1 添加标签
$("body").append("<button id='topic_info'>查看</button>");
3.2 嵌入网页
$("#test_search").append("<span id='my_computer'>本地 </span>");
$("#my_computer").click(function(){
$("#test_search div").html("<iframe src='http://127.0.0.1/search' frameborder='0' height='300px'></iframe>");
});
3.3 给标签添加样式 css
$("#topic_info").css({
//"position":"relative",
//"left":"50px",
//"top":"5px",
"width":"1170px",
"height":"100px",
//"border":"1px solid red",
//"margin":"auto",
//"color":"red",
//"z-index":"999"
});
3.4 获取标签内 文本
$("#divSubjectName").text();
3.5 文本复制
<div id="demo">这是被复制的内容</div>
<button class="btn">复制</button>
<!--导入-->
<!--<script src="http://apps.bdimg/libs/jquery/1.8.3/jquery.js"></script>-->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.jq22/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script>
<!--复制-->
<script>
var content = $("#demo").html();
var clipboard = new Clipboard('.btn', {
text: function () {
return content;
}
});
clipboard.on('success', function (e) {
alert("复制成功");
});
clipboard.on('error', function (e) {
console.log(e);
});
</script>
3.6 pre标签内文本自动换行
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
原文地址:https://www.couragesteak/article/71
更多推荐
Tampermonkey油猴脚本 jquery 常用组件
发布评论