博客網(wǎng)站添加復(fù)制轉(zhuǎn)載提醒彈窗Html代碼

站如果是完全禁止右鍵（復(fù)制、另存為等）操作，對用戶來說體驗感會降低，但是又不希望自己的原創(chuàng)內(nèi)容直接被copy，今天飛飛和你們分享幾行復(fù)制轉(zhuǎn)載提醒彈窗Html代碼。

效果展示：

復(fù)制以下代碼，將其放在網(wǎng)站footer.php或者header.php任意底部位置即可。

document.body.oncopy = function() {

swal("復(fù)制成功！", "若要轉(zhuǎn)載請保留原文鏈接，感謝支持！", "success");

};

</script>

通過這幾行代碼，我們可以在保護原創(chuàng)內(nèi)容的同時，不影響用戶體驗。當然，除了添加復(fù)制轉(zhuǎn)載提醒彈窗之外，我們還可以通過其他方式來保護原創(chuàng)內(nèi)容，例如添加水印、限制轉(zhuǎn)載等等。總之，在權(quán)衡用戶體驗和版權(quán)保護時，我們需要尋找一個平衡點，既能夠保護自己的權(quán)益，又不會影響用戶的使用體驗。

感謝您的閱讀，服務(wù)器大本營助您成為更專業(yè)的服務(wù)器管理員！

錄

1.警告彈窗

2.確認彈窗

3.提示彈窗

1.警告彈窗 alert();

警告框經(jīng)常用于確保用戶可以得到某些信息。

當警告框出現(xiàn)后，用戶需要點擊確定按鈕才能繼續(xù)進行操作。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function myFunction(){
	alert("hello");
}
</script>
</head>
<body>
 
<input type="button" onclick="myFunction()" value="警告" />
 
</body>
</html>

此代碼運行成功后,若點擊"警告"按鈕會出現(xiàn)內(nèi)容顯示為"hello"的彈窗.

2.確認彈窗 confirm();

確認彈框通常用于驗證是否接受用戶操作。

當確認卡彈出時，用戶可以點擊 "確認" 或者 "取消" 來確定用戶操作。

當你點擊 "確認", 確認框返回 true，如果點擊 "取消", 確認框返回 false。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>練習(xí)</title>
</head>
<body>
 
<p>點擊按鈕，顯示確認框。</p>
<button onclick="myFunction()">點這里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var r=confirm("你確定?");
	if (r==true){
		x="你按下了確定按鈕";
	}
	else{
		x="你選擇了取消";	
 }
	document.getElementById("demo").innerHTML=x;
}
</script>
 
</body>
</html>

點擊按鈕后會出現(xiàn)確認彈框"你確定?"

點擊"確定"會提示"你按下了確定按鈕";

否則會提示"你選擇了取消";

3.提示彈窗 prompt()

提示框經(jīng)常用于提示用戶在進入頁面前輸入某個值。

當提示框出現(xiàn)后，用戶需要輸入某個值，然后點擊確認或取消按鈕才能繼續(xù)操縱。

如果用戶點擊確認，那么返回值為輸入的值。如果用戶點擊取消，那么返回值為 null。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>練習(xí)</title>
</head>
<body>
 
<button onclick="myFunction()">點這里</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var person=prompt("請輸入你的名字","jack");
	if (person!=null && person!=""){
	 x="你好 " + person;
	 document.getElementById("demo").innerHTML=x;
	}
}
</script>
 
</body>
</html>

點擊按鈕后會出現(xiàn)提示輸入你的名字

輸入后點擊確定會出現(xiàn)

"jack你好 "

希望本文所述對大家vue.js程序設(shè)計有所幫助。

歡迎大家多多留言討論，如有錯誤請大神指教，如果你是小白也可以私信“資料”領(lǐng)取前端學(xué)習(xí)資料一起學(xué)習(xí)

件名稱：5Usujian Super Serv

插件用途：在網(wǎng)站側(cè)邊顯示一個客服懸浮框，非常實用，支持電話、QQ、旺旺、Skype、WhatsApp、QQ群、微信二維碼、自定義客服；

插件特色：可以自定義配色、排序，三種顯示風(fēng)格，能做出非常多的樣式，適用于任何營銷類網(wǎng)站；操作簡單，自定義性強；支持手機端；

插件主頁：https://www.5usj.cn/wp/5usujian-super-serv/

客服插件效果截圖

插件名稱：5Usujian bottom pop

插件用途：在網(wǎng)站底部或嵌入頁面一個聯(lián)系表單，用于預(yù)約、搜集客戶資料等等；

插件特色：可以在后臺拖拽式定制表單，表單支持文本輸入、下拉選擇、下拉多選、地址聯(lián)動選擇、日期選擇等；國外開發(fā)的聯(lián)系表單插件一般都喜歡把客戶提交的信息發(fā)送到郵箱中，而這款插件是把信息保存在后臺，比較符合國內(nèi)使用習(xí)慣，可以在后臺閱讀、處理、刪除信息；支持手機端；

插件主頁：https://www.5usj.cn/a/texiaochajian/WordPresshanhuachajian/2018/1113/156.html

底部彈窗插件效果

插件名稱：5usujian bottom menu

插件用途：在網(wǎng)站底部顯示一排底部菜單懸浮按鈕，常用于手機端快捷菜單；

插件特色：在后臺隨意增刪菜單項目，可自定義圖標、名稱、配色，可以控制在電腦端顯示還是手機端顯示；

插件主頁：https://www.5usj.cn/a/texiaochajian/WordPresshanhuachajian/2018/0711/150.html

底部菜單插件效果

在線咨詢

上一篇：一看就會的CSS講解（六）CSS 設(shè)置表格樣式
下一篇：入門前端看什么書好？《HTML5從入門到精通》了解下

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

博客網(wǎng)站添加復(fù)制轉(zhuǎn)載提醒彈窗Html代碼

您的項目需求