本地DNS测速

复制内容到终端面板
右键粘贴,看哪个dns快就用那个dns
个人思路勿喷

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
ping 114.114.114.114
ping 114.114.115.115
ping 223.5.5.5
ping 223.6.6.6
ping 180.76.76.76
ping 2400:da00::6666
ping 119.29.29.29
ping 182.254.116.116
ping 1.2.4.8
ping 210.2.4.8
ping 117.50.11.11
ping 52.80.66.66
ping 101.226.4.6
ping 218.30.118.6
ping 123.125.81.6
ping 140.207.198.6
ping 1.1.1.1
ping 1.0.0.1
ping 8.8.8.8
ping 8.8.4.4
ping 9.9.9.9
ping 185.222.222.222
ping 185.184.222.222
ping 208.67.222.222
ping 208.67.220.220
ping 199.91.73.222
ping 178.79.131.110

博客底部添加小人音乐播放

1
2
3
4
5
6
7
<div id="audio"class="music">
<img src="//ku.oioweb.cn/img/weimusic1.gif" width="60px" height="60px" id="d" onclick="c();">
</div>
<audio id="music"src="//"controls="controls"preload="none"hidden></audio>
<link href="//ku.oioweb.cn/css/music.css" rel="stylesheet">
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="//ku.oioweb.cn/js/music.js"type="text/javascript"></script>最后一段js文件代码可更改播放的音乐,建议将代码本地化,使用请删除此文字

文章实现回复可见,密码可见

在 functions.php 内加入以下代码
将代码里的邮箱地址替换成自己的,添加好后,保存即可

function reply_to_read($atts, $content=null) {   
        extract(shortcode_atts(array("notice" => '

温馨提示: 此处内容需要评论本文后才能查看.


'), $atts)); $email = null; $user_ID = (int) wp_get_current_user()->ID; if ($user_ID > 0) { $email = get_userdata($user_ID)->user_email; //对博主直接显示内容 $admin_email = "kwxos@vip.qq.com"; //自己的Email地址 if ($email == $admin_email) { return $content; } } else if (isset($_COOKIE['comment_author_email_' . COOKIEHASH])) { $email = str_replace('%40', '@', $_COOKIE['comment_author_email_' . COOKIEHASH]); } else { return $notice; } if (empty($email)) { return $notice; } global $wpdb; $post_id = get_the_ID(); $query = "SELECT `comment_ID` FROM {$wpdb->comments} WHERE `comment_post_ID`={$post_id} and `comment_approved`='1' and `comment_author_email`='{$email}' LIMIT 1"; if ($wpdb->get_results($query)) { return do_shortcode($content); } else { return $notice; } } add_shortcode('reply', 'reply_to_read');

编写文章的时候添加短代码就可以实现回复可见的功能了

//两种方法都可以,使用的时候去掉@
[@reply]回复可见的内容[/@reply]
[@reply notice="自定义的提示信息"]回复可见的内容[/@reply]

CSS样式代码

/*//隐藏内容确认框css样式*/
.btng {
   box-shadow: rgba(0, 0, 0, 1.3);
   border-radius: 5px;
   color: #5755d9;
   cursor: pointer;
   border:2px solid #5755d9;
   background-color: rgba(150, 150, 150, 0.15);
}

直接丢代码,在 functions.php 内加入以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//内容输入密码查看
function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){
return '
<div class="e-secret">'.$content.'</div>
';
}
else{
return '
<form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret"><label><p class="has-text-align-center"></label><input type="password" name="e_secret_key" class="btn" maxlength="50" placeholder="输入密码查看内容"> <input type="submit" class="btn" value="确定">
<div class="euc-clear"></div>
</form>
';
}
}
add_shortcode('secret','e_secret');

编写文章的时候添加短代码就可以实现密码可见的功能了

例如:

[secret key=”123”]加密内容[/secret]

PHP实现跳转

方法一:header头部重定向

1
2
3
4
5
6
7
8
9
10
11
12
<?php
$url = "http://php.cn";

if (isset($url)) {

header("Location:$url");

} else {

echo "没有跳转的地址!";

}

方法二:js脚本重定向

1
2
3
4
5
6
7
8
9
10
11
12
<?php
$url = "http://php.cn";

if (isset($url)) {

echo "";

} else {

echo "没有跳转的地址!";

}

方法三:html标记重定向

1
2
3
4
5
6
7
8
9
10
<?php
$url = "http://php.cn";

if (!isset($url)) {

exit("没有跳转的地址!");

}

?>

网页判断语句

两种选一种即可,用来判断css加载什么的

第一种

比较简短,可以用来搞定网页加载不同设备上的适配问题。

1
2
3
4
5
6
7
8
<script type="text/javascript">
var sUserAgent = navigator.userAgent.toLowerCase();
if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {//这里可以填写需要判断的语句
//移动端
} else {//这里也是一样的道理
//pc端
}
</script>

第二种

PHP代码实现判断

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function isMobile(){
$useragent=isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : '';
$useragent_commentsblock=preg_match('|\(.*?\)|',$useragent,$matches)>0?$matches[0]:'';
function CheckSubstrs($substrs,$text){
foreach($substrs as $substr)
if(false!==strpos($text,$substr)){
return true;
}
return false;
}
$mobile_os_list=array('Google Wireless Transcoder','Windows CE','WindowsCE','Symbian','Android','armv6l','armv5','Mobile','CentOS','mowser','AvantGo','Opera Mobi','J2ME/MIDP','Smartphone','Go.Web','Palm','iPAQ');
$mobile_token_list=array('Profile/MIDP','Configuration/CLDC-','160×160','176×220','240×240','240×320','320×240','UP.Browser','UP.Link','SymbianOS','PalmOS','PocketPC','SonyEricsson','Nokia','BlackBerry','Vodafone','BenQ','Novarra-Vision','Iris','NetFront','HTC_','Xda_','SAMSUNG-SGH','Wapaka','DoCoMo','iPhone','iPod');

$found_mobile=CheckSubstrs($mobile_os_list,$useragent_commentsblock) ||
CheckSubstrs($mobile_token_list,$useragent);
if($found_mobile){
return true;
}else{
return false;
}
}
if(isMobile()){
//手机端显示内容
}else{

//电脑端显示内容
}

通过访问设备判断跳转网站

目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。

但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名。

正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的

第一个:这是单页面判断跳转

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">  
var userAgent = navigator.userAgent.toLowerCase();
var platform;
if(userAgent == null || userAgent == ''){
platform = 'WEB' ;
}else{
if(userAgent.indexOf("android") != -1 ){
platform = 'ANDROID';
location.href = "https://kwxos.top/";
}else if(userAgent.indexOf("ios") != -1 || userAgent.indexOf("iphone") != -1 || userAgent.indexOf("ipad") != -1){
platform = 'IOS';
location.href = "https://kwxos.top/";
}else if(userAgent.indexOf("windows phone") != -1 ){
platform = 'WP';
location.href = "https://kwxos.top/";
}else{
platform = 'WEB' ;
location.href = "https://kwxos.top/";
}
}
</script>

第二个

这一个是两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机页面的地址也会跳转到PC页面上来。

首先是放入PC页面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">  
var url = window.location.pathname;
var wapurl="https://kwxos.top"+url

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href=wapurl;
}else{
window.location.href=wapurl;
}
}catch(e){}
}
}
</script>

下边是放入手机页面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">  

var url = window.location.pathname;
var pcurl="https://kwxos.top"+url

if(/AppleWebKit.*Mobile/i.test(navigator.userAgent)==false || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))==false){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)==false){
window.location.href=pcurl;
}

}catch(e){}
}
}
</script>

Linux使用Windows-qq机器人

首先:进入终端,以ROOT权限执行

  1. 安装必备环境
1
yum install -y git docker wget
  1. 启动docker服务
1
systemctl start docker
  1. 下载docker镜像(国内服务器推荐)
1
docker pull registry.cn-shanghai.aliyuncs.com/958328814/xiaolz

(海外服务器推荐)

1
docker pull docker.io/958328814/xiaolz

然后执行以下代码

1
2
mkdir -p /home/xiaolz
cd /home/xiaolz

上传小栗子

上传小栗子机器人框架,放在 (/home/xiaolz)目录下,并俢改主程序名称为 bot.exe

  1. 启动机器人程序(国内服务器)
1
docker run --name=xiaolz --rm -d --env VNC_PASS=12345678 --env VNC_SCREEN=1024x768 -p 8080:8080 -p 19730:19730 -v /home/xiaolz/:/home/user/xiaolz registry.cn-shanghai.aliyuncs.com/958328814/xiaolz

(海外服务器)

1
docker run --name=xiaolz --rm -d --env VNC_PASS=12345678 --env VNC_SCREEN=1024x768 -p 8080:8080 -p 19730:19730 -v /home/xiaolz/:/home/user/xiaolz 958328814/xiaolz

必要操作

其中 VNC_PASS为VNC(远程桌面)连接密码,必填
其中 VNC_SCREEN为VNC(远程桌面)分辨率,必填
其中 8080为VNC(远程桌面)端口,19730 端口为机器人插件对外暴露的端口,如果你不需要的话可以去掉(不去掉也没事) -p 19730:19730
其中 /home/xiaolz/ 为机器人程序所在的目录

6.登录到VNC(远程桌面)服务器 http://ip 端口(8080)

防止网页源码被盗

平常在网页上,自己的源码很容易被盗,一般情况是通过F12,或者是右键,

所以我们可以通过屏蔽鼠标右键和键盘来达到,防窃取的目的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript">
window.onload = function(){
//屏蔽键盘事件
document.onkeydown = function (){
var e = window.event || arguments[0];
//F12
if(e.keyCode == 123){
return false;
//Ctrl+Shift+I
}else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
return false;
//Shift+F10
}else if((e.shiftKey) && (e.keyCode == 121)){
return false;
//Ctrl+U
}else if((e.ctrlKey) && (e.keyCode == 85)){
return false;
}
};
//屏蔽鼠标右键
document.oncontextmenu = function (){
return false;
}
}

</script>

宝塔开心版7.7.0专业/企业版一键脚本破解版

使用方法:

如果你是专业版 – 先执行bt命令16修複面板 – 登录到软件商店 – 更新软件列表(确认变成免费版了)
– 执行企业版脚本 – 登录到软件商店 – 更新软件列表(已经变成企业版了)
企业版变更专业版同理

脚本支持:Centos 7、Debian、Ubuntu!

效果样式:

2022-05-16T10:25:36.png

宝塔官方安装脚本:

Centos安装脚本:

1
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Ubuntu/Deepin安装脚本:

1
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

Debian安装脚本:

1
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh ed8484bec

万能安装脚本:

1
if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

升级为专业版脚本(7.8.0 可以执行这个降级到 7.7.0 开心版):

1
curl http://download.yu.al/install/update6.sh|bash

注:不知其他版本是否可以降到7.7.0,

简单来说,如果你安装的是正版宝塔7.7.0可直接使用以下脚本:

Linux面板7.7.0专业版升级命令(安装了官方版的执行此命令也可以升级到专业版):

1
curl http://download.yu.al/install/update6.sh|bash

Linux面板7.7.0企业版升级命令(安装了官方版的执行此命令也可以升级到企业版):

1
curl http://download.yu.al/ltd/install/update6.sh|bash

官方版宝塔面板降级教程(此文章转载自柏宇喻艺):

  1. 下载离线升级包:
1
wget http://download.bt.cn/install/update/LinuxPanel-7.7.0.zip
  1. 解压:
1
unzip LinuxPanel-7.7.0.zip
  1. 进入升级目录:
1
cd /root/panel
  1. 运行降级:
1
bash update.sh

[label color=”orange”]降级完成后建议开启离线模式:面板设置 – 离线模式。离线模式只能保证宝塔主程序不主动联网更新。 如果由宝塔下发强制更新,还是一样会被更新的。[/label]

[label color=”orange”]最后,升级完之后记得打开宝塔软件商店,更新软件列表,才能看见专业版效果,然后打开离线模式,防止宝塔更新[/label]

div标签特效

一:毛玻璃特效

1
2
3
4
5
6
7
8
color:#fefefe;
text-shadow:
0px 1px 0px #c0c0c0,
0px 2px 0px #b0b0b0,
0px 3px 0px #a0a0a0,
0px 4px 0px #909090,
0px 5px 10px rgba(0, 0, 0, .9);
background-color: rgba(255, 255, 255, 0.5);/*此处0.5是透明度,数值越大越不透明*/

二:div标签圆角特效

1
2
box-shadow: rgba(0, 0, 0, 1.3);
border-radius: 30px;/*30px是圆角弧度,越大弧度越明显*/

雪花飘落特效背景

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 <script>
(function($){
$.fn.snow = function(options){
var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('●'),/*这里可以自定义形状*/
documentHeight = $(document).height(),
documentWidth = $(document).width(),
defaults = {
minSize : 10,
maxSize : 20,
newOn : 1000,
flakeColor : "#AFDAEF" /* 此处可以定义雪花颜色,若要白色可以改为#FFFFFF */
},
options = $.extend({}, defaults, options);
var interval= setInterval( function(){
var startPositionLeft = Math.random() * documentWidth - 100,
startOpacity = 0.5 + Math.random(),
sizeFlake = options.minSize + Math.random() * options.maxSize,
endPositionTop = documentHeight - 200,
endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
durationFall = documentHeight * 10 + Math.random() * 5000;
$flake.clone().appendTo('body').css({
left: startPositionLeft,
opacity: startOpacity,
'font-size': sizeFlake,
color: options.flakeColor
}).animate({
top: endPositionTop,
left: endPositionLeft,
opacity: 0.2
},durationFall,'linear',function(){
$(this).remove()
});
}, options.newOn);
};
})(jQuery);
$(function(){
$.fn.snow({
minSize: 5, /* 定义雪花最小尺寸 */
maxSize: 30,/* 定义雪花最大尺寸 */
newOn: 300 /* 定义密集程度,数字越小越密集 */
});
});
</script>

css文字特效

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css文字效果</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
text-align: center;
}
body {
padding-bottom: 200px;
}
div {
font-size: 36px;
}
.header-item {
line-height: 4;
}
.box1 {
color: rgba(0, 0, 0, .3);
}
.box2 {
text-shadow: 0 0 5px red;
-webkit-text-fill-color : transparent;
}
.box3 {
-webkit-text-stroke: 1px red;
-webkit-text-fill-color : transparent;
}
.box4 {
background: linear-gradient( to bottom, white, black);
-webkit-text-fill-color : transparent;
-webkit-background-clip : text;
}
.box5 {
height: 300px;
width: 1280px;
margin: 0 auto;
font-size: 70px;
font-weight: 700;
background: url(http://www.cnhubei.com/xwzt/2015/2015snjlx/snjfj/201509/W020150930775925767248.jpg) no-repeat center;
/*文字样式*/
text-align: center;
/*图片文字样式*/
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.box6 {
color:#fefefe;
text-shadow:
0px 1px 0px #c0c0c0,
0px 2px 0px #b0b0b0,
0px 3px 0px #a0a0a0,
0px 4px 0px #909090,
0px 5px 10px rgba(0, 0, 0, .9);
}
.box7 {
color:#fefefe;
text-shadow:
1px -1px 0 #767676,
-1px 2px 1px #737272,
-2px 4px 1px #767474,
-3px 6px 1px #787777,
-4px 8px 1px #7b7a7a,
-5px 10px 1px #7f7d7d,
-6px 12px 1px #828181,
-7px 14px 1px #868585,
-8px 16px 1px #8b8a89,
-9px 18px 1px #8f8e8d,
-10px 20px 1px #949392,
-11px 22px 1px #999897,
-12px 24px 1px #9e9c9c,
-13px 26px 1px #a3a1a1,
-14px 28px 1px #a8a6a6,
-15px 30px 1px #adabab,
-16px 32px 1px #b2b1b0,
-17px 34px 1px #b7b6b5,
-18px 36px 1px #bcbbba,
-19px 38px 1px #c1bfbf,
-20px 40px 1px #c6c4c4,
-21px 42px 1px #cbc9c8,
-22px 44px 1px #cfcdcd;
}
.box8 {
background-color: #333;
background-image:
-webkit-linear-gradient(bottom left, transparent 45%, hsla(48,20%,90%,1) 45%, hsla(48,20%,90%,1) 55%, transparent 0%);
background-image:
-o-linear-gradient(bottom left, transparent 45%, hsla(48,20%,90%,1) 45%, hsla(48,20%,90%,1) 55%, transparent 0%);
background-image:
linear-gradient(to top right, transparent 45%, hsla(48,20%,90%,1) 45%, hsla(48,20%,90%,1) 55%, transparent 0%);;
background-size: .05em .05em;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #111;
}
</style>
</head>
<body>
<p class="header-item">1.透明文字</p>
<div class="box1">我叫吕胖胖</div>

<p class="header-item">2.模糊文字</p>
<div class="box2">我叫吕肥肥</div>

<p class="header-item">3.镂空文字</p>
<div class="box3">我是吕胖胖,我有个弟弟叫吕肥肥</div>

<p class="header-item">4.渐变文字</p>
<div class="box4">我是吕肥肥,我有个哥哥叫吕胖胖</div>

<p class="header-item">5.图片背景文字</p>
<div class="box5">我们来自快乐的胖肥家族</div>

<p class="header-item">6.立体文字</p>
<div class="box6">胖哥,我们下楼找小美玩吧!</div>

<p class="header-item">7.长阴影文字</p>
<div class="box7">肥弟,你就不怕大熊揍你吗?</div>

</body>
</html>

HTML页面特效

特效5个是比较好看的,自己选用吧

下载链接:https://wwc.lanzoui.com/ifFwvwsc7uj

只选用特效的话,只需要文件中的js文件 选用特效类型只用选择所选js文件加vendors.js文件

这需要选用这两段代码:

1
2
3
 <script type="text/javascript" src="https://www.mtian.xyz/js/vendors.js"></script>
<script type="text/javascript" src="https://www.mtian.xyz/js/demo5.js"></script>

放到标签前面就行

文字隐藏代码

1
2
3
4
5
6
文字隐藏代码,在HTML中隐藏某段文字


<p style="display:none;">
需要隐藏的文字.......
</p>

centos安装可视化面板

CentOS 7.9

执行以下命令,安装图形化界面组件

1
yum groupinstall "GNOME Desktop" "Graphical Administration Tools" -y

执行以下命令,设置默认启动图形化界面

1
ln -sf /lib/systemd/system/runlevel5.target /etc/systemd/system/default.target

执行以下命令,重启实例

1
reboot

CentOS 8.2

1
yum groupinstall "Server with GUI" -y

执行以下命令,设置默认启动图形化界面

1
systemctl set-default graphical

执行以下命令,重启实例。

1
reboot

centos7设置默认启动界面为字符界面或者图形界面

字符界面:systemctl set-default multi-user.target

图形界面:systemctl set-default graphical.target

IDM 下载文件后缀扩展代码

1
3GP 7Z AAC ACE AI AIF ALZ APK APP ARC ARJ ASF AVI BH BIN BR BUNDLE BZ BZ2 CDA CSV DIF DLL DMG DOC DOCX EGG EPS EXE FLV GZ GZIP IMG IPA ISO ISZ JAR KEXT LHA LZ LZH LZMA M4A M4V MDB MID MKV MOV MP3 MP4 MPA MPE MPEG MPG MSI MSU MUI OGG OGV PDF PKG PPT PPTX PSD PST PUB QT R0* R1* RA RAR RM RMVB RTF SEA SIT SITX SLDM SLDX TAR TBZ TBZ2 TGZ TIF TIFF TLZ TXZ UDF VOB VSD VSDM VSDX VSS VSSM VST VSTM VSTX WAR WAV WBK WIM WKS WMA WMD WMS WMV WMZ WP5 WPD WPS XLS XLSX XPS XZ Z ZIP ZIPX ZPAQ ZSTD

文章调用纯文本

1
<标签是iframe 关于标签的属性width="280" scrolling="no" height="300" frameborder="0" allowtransparency="true" API链接src="https://i.tianqi.com?c=code&id=55&icon=1&site=12">结尾标签</iframe>

此标签是内联框架,相当于打开微型界面

标签属性:frameborder=”0” 开启无边框 srcdoc=”Hello world!”在iframe显示所给出文字