kk Blog —— 通用基础


date [-d @int|str] [+%s|"+%F %T"]
netstat -ltunp
sar -n DEV 1

JavaScript的三种弹出提示框(alert、confirm、prompt)

https://blog.csdn.net/weixin_43883917/article/details/109585430

三种提示框

alert ()

confirm()

prompt ()

alert ()

alert()方法是显示一条弹出提示消息和确认按钮的警告框。

需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。

1

alert("想要提示的文本内容")

confirm()

confirm()方法是显示一个含有指定消息和确认和取消按钮的确认框。

如果点击"确定"返回true，否则返回false。

1
2
3
4
5
6
7
8

var x; 
var r = confirm("请按下按钮!");
if (r == true) {
	x = "你按下的是\"确定\"按钮。";
} else {
	x = "你按下的是\"取消\"按钮。";
}
document.write(x)

prompt ()

prompt()方法是显示提示用户进行输入的对话框。

这个方法返回的是用户输入的字符串。

1
2
3
4
5
6

var x; 
var name = prompt("请输入你的名字","Keafmd"); 
if (name != null && person != ""){ 
	x = "你好! " + name + "。";
	document.write(x)
}

JavaScript复制内容到剪切板

https://www.cnblogs.com/qigege/p/17461710.html

复制内容到剪切板分两种情况:

一种是从页面已有的可选元素中选中内容进行复制

一种是将Javascript代码中的字符串直接复制到剪切板。

复制页面元素选中内容

1
2
3
4
5
6
7
8
9
10
11

<input type="textarea" id="txt" />
<button onclick="copy()">复制</button>


function copy() {
	var element = document.getElementById("txt");
	element.select();
	element.setSelectionRange(0, element.value.length);
	document.execCommand('copy');
	alert("已复制到剪切板");
   }

复制字符串到剪切板

复制字符串采用临时添加一个元素，模拟选中内容进行选中的方式进行复制，复制后移除临时添加的元素即可。

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

//复制文本
function copyText(text) {
	var element = createElement(text);
	element.select();
	element.setSelectionRange(0, element.value.length);
	document.execCommand('copy');
	element.remove();
	alert("已复制到剪切板");
}
 
//创建临时的输入框元素
function createElement(text) {
	var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
	var element = document.createElement('textarea');
	// 防止在ios中产生缩放效果
	element.style.fontSize = '12pt';
	// 重置盒模型
	element.style.border = '0';
	element.style.padding = '0';
	element.style.margin = '0';
	// 将元素移到屏幕外
	element.style.position = 'absolute';
	element.style[isRTL ? 'right' : 'left'] = '-9999px';
	// 移动元素到页面底部
	let yPosition = window.pageYOffset || document.documentElement.scrollTop;
	element.style.top = `${yPosition}px`;
	//设置元素只读
	element.setAttribute('readonly', '');
	element.value = text;
	document.body.appendChild(element);
	return element;
}