前端入门学习笔记五十五

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>button</p><button onclick="getElementById('button').innerHTML=Date()">时间</button><p id="button"></p></body>
</html>

单击 <button> 元素来显示当前日期、日期和时间

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p id="盗墓笔记" onclick="myFunction()">盗墓笔记</p><script>function myFunction() {document.getElementById("盗墓笔记").style.color = "skyblue";}</script></body>
</html>

如何通过单击来更改 <p> 元素颜色

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p onclick="myFunction(this, 'plum')">终极笔记</p><script>function myFunction(elmnt,clr) {elmnt.style.color = clr;}</script></body>
</html>

如何通过单击来更改 <p> 元素颜色

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>"onclick" 事件分配给 window 对象</p><script>window.onclick = myFunction;function myFunction() {document.getElementsByTagName("BODY")[0].style.backgroundColor = "skyblue";}</script></body>
</html>

"onclick" 事件分配给 window 对象

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>盗墓笔记1: <input type="text" id="field1" value="沙海"><br>盗墓笔记2: <input type="text" id="field2"><br><br><button onclick="myFunction()">复制文本</button><script>function myFunction() {document.getElementById("盗墓笔记1").value = document.getElementById("盗墓笔记2").value;}</script></body>
</html>

单击按钮将一些文本从输入字段复制到另一个输入字段

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>JavaScript Number() 函数</p><button onclick="myFunction()">盗墓笔记</button><p id="HTML"></p><script>function myFunction() {var h1 = true;var h2 = false;var h3 = new Date();var h4 = "999";var h5 = "999 888";var dd = Number(h1) + "<br>" + Number(h2) + "<br>" + Number(h3) + "<br>" + Number(h4) + "<br>" + Number(h5);document.getElementById("HTML").innerHTML = dd;}</script></body>
</html>

JavaScript Number() 函数
Number() 函数将对象参数转换为表示对象值的数字。
如果该值无法转换为合法数字，则返回 NaN
语法
Number(object)

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p>JavaScript Number() 函数</p><button onclick="myFunction()">盗墓笔记</button><p id="html"></p><script>function myFunction() {var w1 = true;var w2 = false;var w3 = new Date();var w4 = "999";var w5 = "999 888";var rr = Number(w1) + "<br>" + Number(w2) + "<br>" + Number(w3) + "<br>" + Number(w4) + "<br>" + Number(w5);document.getElementById("html").innerHTML = rr;}</script></body>
</html>

JavaScript Number() 函数
Number() 函数将对象参数转换为表示对象值的数字。
如果该值无法转换为合法数字，则返回 NaN
语法
Number(object)

前端入门学习笔记五十五相关推荐

前端入门学习笔记六十五
<!DOCTYPE html> <html><head><meta charset="utf-8"> <title>CS ...
前端入门学习笔记六十九
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>输入框 ...
前端入门学习笔记六十四
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>CSS ...
JavaScript学习笔记（十五）
JavaScript学习笔记(十五) 事件事件是DOM(文档对象模型)的一部分.事件流就是事件发生顺序,这是IE和其他浏览器在事件支持上的主要差别. 一.事件流 1.冒泡型事件 IE上的解决方案就是 ...
OpenCV学习笔记（十五）：图像仿射变换：warpAffine(),getRotationMatrix2D()
OpenCV学习笔记(十五):图像仿射变换:warpAffine(),getRotationMatrix2D() 一个任意的仿射变换都能表示为乘以一个矩阵(线性变换)接着再加上一个向量(平移)的形式. ...
MATLAB学习笔记（十五）
MATLAB学习笔记(十五) 一.非线性方程求解与函数极值计算 1.1 非线性方程数值求解 1.2 函数极值的计算 1.2.1 无约束最优化问题 1.2.2 有约束最优化问题一.非线性方程求解与函数 ...
学习笔记（十五）——镜像的知识点与注意事项
学习笔记(十五)--镜像的知识点与注意事项一.基础知识 1.SQL Server镜像只有两种模式:高安全模式和高性能模式.两种模式的主要区别在于在事务提交后的操作. 在高性能模式下,主体服务器不需要 ...
cortex_m3_stm32嵌入式学习笔记（十五）：待机唤醒实验（WK_UP外部中断）
cortex_m3_stm32嵌入式学习笔记(十五):待机唤醒实验(WK_UP外部中断) https://blog.csdn.net/qq_16255321/article/details/43086 ...
Cty的Linux学习笔记（十五——wget）
Linux学习笔记--第十五篇 wget命令用于在终端中下载网络文件,格式为"wget [参数] 下载地址" 参数: -b:后台下载模式 -P:下载到指定目录 -t:最大尝试次 ...
汇编入门学习笔记（十二）—— int指令、port
疯狂的暑假学习之汇编入门学习笔记 (十二)-- int指令.port 參考: <汇编语言> 王爽第13.14章一.int指令 1. int指令引发的中断 int n指令,相当于引 ...

前端入门学习笔记五十五

前端入门学习笔记五十五相关推荐

最新文章

热门文章