javascript学习笔记
Posted strugglecola
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript学习笔记相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function displayDate(){ document.getElementById("demo").innerHTML=Date(); //先获取id是demo的对象，在重新给对象里面的内容赋值 } </script> </head> <body> <h1>我的第一个 javascript 程序</h1> <p id="demo">这是一个段落</p> <button type="button" onclick="displayDate()">显示日期</button> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> function changeImage() { element=document.getElementById(‘myimage‘) if (element.src.match("bulbon")) //默认的src是 src="/images/pic_bulboff",点击的时候match()判断src中是否包含字符串bulbon { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> <p>点击灯泡就可以打开或关闭这盏灯</p> </body> </html>
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式
function myFunction()
{
var x=document.getElementById("demo").value; //获取id的demo对象里面你的值
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
注意 var x=document.getElementById("demo").value; 如果有框框，比如input标签用的是value
var x=document.getElementById("demo").innerHTML 没有框框的，比如<p>标签
var person={firstname:"John", lastname:"Doe", id:5566}; //创建对象
person.lastName;
//两种方式访问对象属性
person["lastName"];
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function validateForm() { var x = document.forms["myForm"]["fname"].value; //判断表单中的fname的值是否存在 if (x == null || x == "") { alert("需要输入名字。"); return false; } } </script> </head> <body> <form name="myForm" action="demo_form.php" onsubmit="return validateForm()" method="post"> 名字: <input type="text" name="fname"> <input type="submit" value="提交"> </form> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action="demo_form.php" method="post"> //自动验证表单是否为空 低版本浏览器不支持 <input type="text" name="fname" required="required"> <input type="submit" value="提交"> </form> <p>点击提交按钮，如果输入框是空的，浏览器会提示错误信息。</p> </body> </html>
以上是关于javascript学习笔记的主要内容，如果未能解决你的问题，请参考以下文章
译文：18个实用的JavaScript代码片段，助你快速处理日常编程任务
[原创]java WEB学习笔记61：Struts2学习之路--通用标签 property，uri，param,set,push,if-else,itertor,sort,date,a标签等(代码片段