博客網站添加復制轉載提醒彈窗Html代碼

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

效果展示：

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

document.body.oncopy = function() {

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

};

</script>

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

感謝您的閱讀，服務器大本營助您成為更專業的服務器管理員！

錄

1.警告彈窗

2.確認彈窗

3.提示彈窗

1.警告彈窗 alert();

警告框經常用于確保用戶可以得到某些信息。

當警告框出現后，用戶需要點擊確定按鈕才能繼續進行操作。

例:

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

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

2.確認彈窗 confirm();

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

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

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

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>練習</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>

點擊按鈕后會出現確認彈框"你確定?"

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

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

3.提示彈窗 prompt()

提示框經常用于提示用戶在進入頁面前輸入某個值。

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

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

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>練習</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>

點擊按鈕后會出現提示輸入你的名字

輸入后點擊確定會出現

"jack你好 "

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

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

件名稱：5Usujian Super Serv

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

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

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

客服插件效果截圖

插件名稱：5Usujian bottom pop

插件用途：在網站底部或嵌入頁面一個聯系表單，用于預約、搜集客戶資料等等；

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

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

底部彈窗插件效果

插件名稱：5usujian bottom menu

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

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

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

底部菜單插件效果

在線咨詢

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

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

博客網站添加復制轉載提醒彈窗Html代碼

您的項目需求