html 表单生成链接。当您需要右键单击并“目标另存为”或制作JavaScript书签时非常有用。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 表单生成链接。当您需要右键单击并“目标另存为”或制作JavaScript书签时非常有用。相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>

<html lang="en">
<head>
	
	<meta charset="UTF-8">
	
	<title>Generate Link</title>
	
	<style type="text/css" media="all">
		body {
			padding:0.75em;
		}
		#linkList {
			margin:0 0 1em 0;
		}
	</style>
	
</head>
<body>
	
	<div id="linkList"></div>
	<form onsubmit="return genLink();">
		Address: &nbsp; <label><input type="checkbox" id="javascript"> JavaScript</label><br>
		<input type="text" id="theAddress" size="100"><br>
		<br>
		Title (optional):<br>
		<input type="text" id="theTitle" size="100"><br>
		<br>
		<input type="submit" value="Go">
	</form>
	
	<script type="text/javascript">
		function genLink(){
			
			"use strict";
			
			var list = document.getElementById("linkList"),
				addr = document.getElementById("theAddress"),
				js = document.getElementById("javascript"),
				title = document.getElementById("theTitle"),
				a = document.createElement("a"),
				href = addr.value;
			
			if(js.checked){
				if(href.slice(0, 11) !== "javascript:") href = "javascript:"+href;
				href = href.replace(/%/g, "%25");
			}
			a.href = href.replace(/"/g, "%22").replace(/'/g, "%27");
			
			a.innerHTML = (title.value || addr.value.slice(0, 100)).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
			
			list.appendChild(a);
			list.appendChild(document.createElement("br"));
			
			return false;
			
		}
		
		(function (){
			
			"use strict";
			
			var addr = document.getElementById("theAddress");
			
			addr.addEventListener("change", isJS, false);
			addr.addEventListener("keyup", isJS, false);
			
			function isJS(evt){
				if(this.value.slice(0, 11) === "javascript:"){
					document.getElementById("javascript").checked = true;
				}
			}
			
		})();
	</script>
	
</body>
</html>

以上是关于html 表单生成链接。当您需要右键单击并“目标另存为”或制作JavaScript书签时非常有用。的主要内容，如果未能解决你的问题，请参考以下文章

我需要在单击按钮/链接时动态生成一个包含用户控件的模式弹出窗口

使用表单值更改锚标记的 href 并单击新链接

如何为数据库中找到的每一行/记录生成一个链接，以便在单击时填充表单？

Visual C＃表单右键单击按钮

将 Html 渲染为图像

右键单击弹出菜单慢