【JavaScript】随笔2

最新推荐文章于 2021-11-06 16:58:12 发布

idealistic

最新推荐文章于 2021-11-06 16:58:12 发布

阅读量259

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/idealistic/article/details/77966193

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

*改变HTML内容
x=document.getElementById("demo");//查找元素
x.innerHTML="Hello JavaScript";//改变元素内容
*改变HTML图像
if(element.src.match("bulbon"))//match捕捉索引字符串
element.src="/i/eg_bulboff.gif";
else
element.src="/i/eg_bilbon.gif";
*改变HTML样式
x=document.getElementById("demo");
x.style.color="red";
x.style.display="none"/"block";//是否隐藏或显示内容
x.style.width="300px";
*验证输入
if isNaN(x){alert("not numeric")};//isNaN判断是否是非数值，如果输入不是数字，弹出提示框
JavaScript能够直接写入HTML输出流，document.write("<h1>this is heading</h1>");
*点击按钮调动函数
<p id="con">JavaScript</P>
function myfunction(){
document.getElementById("con").innerHTML="My first page";
}
<button type="button" οnclick="myfunction()">点击这里</button>
*外部JavaScript
外部JavaScript扩展名是.js
如需使用外部JavaScript，请在<script>标签的“src”属性中设置该.js文件
<script src="myScript.js"></script>
外部脚本不能包含<script>标签
*请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button οnclick="myFunction()">点击这里</button>
<script>
function myFunction(){
document.write("糟糕！文档消失了。");
}
</script>
*对代码进行换行
可以在文本字符串中使用反斜杠对代码行进行换行。
document.write("hellow\world!")
*当您向变量分配文本值时，应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。
var pi=3.14; var name="Bill Gates"; var answer='Yes I am!';
javascript数组var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";
*JavaScript对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
对象 (person) 有三个属性：firstname、lastname 以及 id。
对象属性有两种寻址方式：name=person.lastname; name=person["lastname"];
可以通过将变量的值设置为 null 来清空变量。person=null;
*创建对象
person=new Object();person.firstname="bill";person.age=45;person.eyecolor="blue";
*访问对象
访问对象的属性：objecName.propertName
var message="hello world!";var x=message.length x=12;
访问对象的方法：objectName.methodName()
使用 String 对象的 toUpperCase() 方法来把文本转换为大写：
var message="Hello world!"; var x=message.toUpperCase();
*调用函数
调用带参数的函数function myFunction(var1,var2){}
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
===表示全等（值和类型）
*条件语句switch
<script>
    function myFunction(){
var x;
var d=new Date().getDay();
switch (d)
{
case 0:
    x="Today it's Sunday";
    break;
case 1:
    x="Today it's Monday";
    break;
case 2:
    x="Today it's Tuesday";
    break;
case 3:
    x="Today it's Wednesday";
    break;
case 4:
    x="Today it's Thursday";
    break;
case 5:
    x="Today it's Friday";
    break;
case 6:
    x="Today it's Saturday";
    break;}
document.getElementById("demo").innerHTML=x;}
</script>
*for/in循环
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
txt=txt + person[x];
document.getElementById("demo").innerHTML=txt;
*JavaScript错误
try 语句测试代码块的错误。
catch 语句处理错误
throw 语句创建自定义错误。
JavaScript 语句 try 和 catch 是成对出现的。
try{}catch(err){err.message;}
function myFunction(){
try{
var x=document.getElementById("demo").value;
if(x=="")    throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10)     throw "太大";
if(x<5)      throw "太小";
}
catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}}
</script>
<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" οnclick="myFunction()">测试输入值</button>
<p id="mess"></p>
*表单验证
必填项目
function validate_required(field,alerttxt){
with (field)
{
if (value==null||value=="")
    {alert(alerttxt);return false}
else {return true}
}}
function validate_form(thisform){
with (thisform){
if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm" οnsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
检查输入的数据是否符合电子邮件地址的基本语法，输入的数据必须包含 @ 符号和点号(.)。
同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号：
function validate_email(field,alerttxt){
with (field){
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}}
}
function validate_form(thisform){
with (thisform){
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}}}
</script>
</head>
<body>
<form action="submitpage.htm"οnsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
*toUpperCase()转换成大写
*在JavaScript属性操作中，不允许出现“-”，用驼峰式代替。

idealistic

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript】随笔2

*改变HTML内容 x=document.getElementById("demo");//查找元素 x.innerHTML="Hello JavaScript";//改变元素内容*改变HTML图像 if(element.src.match("bulbon"))//match捕捉索引字符串 element.src="/i/eg_bulboff.gif"; else el
复制链接

扫一扫