下载
官网网站:http://www.tampermonkey.net/ 个人分享:https://920.lanzous.com/igiWUegi7je(直接把插件拖入浏览器,即可安装,最好升下级) 谷歌商店:https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
参数说明
@require http://code.jquery.com/jquery-1.11.0.min.js @name:脚本的名字 @namespace:可以写自己的域名 @version:版本 @description:功能描述 @author:作者 @match:匹配的网址
添加标签
$("body").append("<button id='topic_info'>查看</button>");
嵌入网页
$("#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>");
});
给标签添加样式 css
$("#topic_info").css({
"width":"1170px",
"height":"100px",
});
获取标签内 文本
$("#divSubjectName").text();
文本复制
<div id="demo">这是被复制的内容
</div>
<button class="btn">复制
</button>
<!--导入
-->
<!--<script src
="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"></script
>-->
<script src
="js/jquery.min.js"></script
>
<script type
="text/javascript" src
="http://www.jq22.com/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
>
pre标签内文本自动换行
pre
{
white
-space
: pre
-wrap
;
word
-wrap
: break-word
;
}