javascript简介(第三节)

wskxy      2022-02-09     471

关键词:

1.try..catch..

<body>
<script>
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(e)                      //定义错误提示为e
{
var y=document.getElementById("mess");  //读取显示错误提示的标签id
y.innerHTML="错误:" + e + "。";      //通过e显示错误提示
}
}
</script>
<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字:</p>
<input id="demo" type="text">              <!--输入值-->
<button type="button" onclick="myFunction()">测试输入值</button><!--点击事件-->
<p id="mess"></p>                            <!--显示错误提示-->
</body>

显示结果:

 2.判断输入是否为空

<head>

function validate_required(field,alerttxt)//参数为 id/name 和 提示的消息
{
with (field)                         //定位到id
  {
      if (value==null||value=="")    //判断这个id的值是否为空
         {
             alert(alerttxt);         //若是,提示消息并返回false
             return false;
         }
      else {return true}             //若否,返回ture
  }
}

function validate_form(thisform)
{
with (thisform)                 //定为到form
  {
  if (validate_required(email,"请填写内容")==false) //给指定的id和提示信息
    {
        email.focus();                             
        return false;
    }
  }
}
</script>

</head>
    
<body>
       <form action="" onsubmit="return validate_form(this)" method="post"> <!--接收返回值判断是否提交数据-->
            Email: <input type="text" id="email" size="30">  <!--指定id或者name-->
            <input type="submit" value="Submit">   <!--提交按钮-->
       </form>

</body>

 3.onchange事件,输入文档的字母自动变成大写字母

<script>
function myFunction()
{
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>

<body>
请输入英文字符:<input type="text" id="fname" onchange="myFunction()">
<p>当您离开输入字段时,会触发将输入文本转换为大写的函数。

</body>

4.onmouseover和onmouseout鼠标滑动触发事件

<script>
function mOver(obj)
{
obj.innerHTML="谢谢"
}

function mOut(obj)
{
obj.innerHTML="把鼠标移到上面"
}
</script>

<body>

<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="width:120px;height:20px;padding:40px;color:#ffffff;">把鼠标移到上面</div>

</body>

5.onmousedown和onmouseup鼠标按住div事件

<script>
function mDown(obj)
{
obj.style.backgroundColor="#1ec5e5";
obj.innerHTML="请释放鼠标按钮"
}

function mUp(obj)
{
obj.style.backgroundColor="green";
obj.innerHTML="请按下鼠标按钮"
}
</script>

<body>

<div onmousedown="mDown(this)" onmouseup="mUp(this)" style="color:#ffffff;width:90px;height:20px;padding:40px;font-size:12px;">这里文字无法显示,因为鼠标没有按住这个div会触发onmouseup事件</div>

</body>

javascript第三节课

1.字符串(stfing)2.数值(number)3.变量用var运算符加变量名字定义。4布尔值只有true和false二种(boolean).5.对象(object).Array数组(object)6.查看数据类型(typeof).7.转换成数字有(parseInt()他只认整数)(parseFloat()他只认数字)8... 查看详情

javascript设计模式:面向对象编程(第三节)

一、继承 js并没有继承这一个现有的机制,所以我们所说的继承是通过JS本身的机制去实现的。1、类式继承 1//类式继承23//父类4functionSuperClass(){5this.superValue=true6}78//为父类原型添加方法9SuperClass.prototype.getSuperValue=function(ar... 查看详情

最优化简介-第三节:最优化基本概念

文章目录一:最优化研究基本过程二:全局最优解和局部最优解三:优化算法(1)迭代算法(2)收敛问题(3)算法的渐进收敛速度(4)算法复杂度一:最优化研究基本过程最优化... 查看详情

最优化简介-第三节:最优化基本概念

文章目录一:最优化研究基本过程二:全局最优解和局部最优解三:优化算法(1)迭代算法(2)收敛问题(3)算法的渐进收敛速度(4)算法复杂度一:最优化研究基本过程最优化... 查看详情

第三节:作用域链

(转自老惠的博客) JavaScript采用的是静态作用域规则,也叫词法作用域,其解析过程是按照从上到下、从左到右的顺序加载,并分为两个阶段:预编译期(预处理)和执行期。预编译期对代码块中所有声明的变量和函数进行处... 查看详情

第三节:作用域链

  JavaScript采用的是静态作用域规则,也叫词法作用域,其解析过程是按照从上到下、从左到右的顺序加载,并分为两个阶段:预编译期(预处理)和执行期。预编译期对代码块中所有声明的变量和函数进行处理。注意关键字... 查看详情

-第三节:注意力评分函数(代码片段)

目录简介10.3.注意力评分函数10.3.1.掩蔽softmax操作10.3.2.加性注意力10.3.3.缩放点积注意力10.3.4.小结读后总结2022/08/22第一次阅读结语简介Hello!非常感谢您阅读海轰的文章,倘若文中有错误的地方,欢迎您指出~ ଘ(... 查看详情

javascript学习笔记js条件语句第三节(原创)参考js使用表(2017-09-1415:55)

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>语句</title><script>vari=9;//修改i值if(i>10){document.write("我大于10"+"</br>");}elseif(i<1 查看详情

web前端开发笔记——第四章javascript程序设计第三节数据类型(代码片段)

目录一、基本数据类型(一)String类型(二)Number类型1、字面量2、无穷大3、非数值(三)Boollean类型(四)Undefined类型和Null类型二、引用数据类型(一)Object类型(二)数组类型&#x... 查看详情

matlab第三节

                    查看详情

必备前端基础知识-第三节2:javascript数组函数和对象(代码片段)

...f1a;数组二:函数三:对象一:数组数组:JavaScript中的数组和Java中的ArrayList有点相似,可以动态扩容,并且由于它是动态类型的语言,所以数组内的元素类型不要求一定是相同的创建数组://创建数... 查看详情

必备前端基础知识-第三节2:javascript数组函数和对象(代码片段)

...f1a;数组二:函数三:对象一:数组数组:JavaScript中的数组和Java中的ArrayList有点相似,可以动态扩容,并且由于它是动态类型的语言,所以数组内的元素类型不要求一定是相同的创建数组://创建数... 查看详情

第三节

KubernetesCluster:  环境:    master,etcd:172.18.0.67    node1:172.18.0.68  前提:    1.基于主机名通信:/etc/hosts;   & 查看详情

js高级程序设计第三版——javascript简介

  JavaScript简史JavaScript由Netscape(网景)公司在1995年发布,最开始的主要目的是处理以前由服务器端语言负责的一些输入验证操作,以便提高用户体验,后来就慢慢的发展为一门强大的编程语言。作者建议:要想全面理解和掌... 查看详情

第三节探究感应电流的方向

<<探究感应电流的方向.ppt>> 查看详情

必备前端基础知识-第三节3:javascript之dom和bom(代码片段)

...数字(2)表白墙一:WebAPI概述前面说过,JavaScript包括以下三个部分ECMAScript:JavaScript的语法DOM:页面文档对象模型,对页面中的元素进行操作BOM:浏览器对象模型,对浏览器窗口进行操作而WebAP... 查看详情

第三节:初识pandas之dataframe(上)

DataFrame是Python中Pandas库中的一种数据结构,它类似excel,是一种二维表。  查看详情

进阶第三课:函数(第三节)

1.习题反馈2.自省与函数func.__code__deffunc1(arg1,arg2):returnarg1*arg2printdir(func1.__code__)printfunc1.__code__.co_varnamesprintfunc1.__code__.co_filename3.作用域问题再议arg=1deffunc1():globalargarg=2deffunc2():glo 查看详情