JS 碎片笔记

最新推荐文章于 2024-05-31 10:11:21 发布

BrickXSC

最新推荐文章于 2024-05-31 10:11:21 发布

阅读量96

点赞数

分类专栏： JS 文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_44308407/article/details/97624422

版权

JS 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

JS 区分大小写,对大小写敏感

JavaScript 函数是将语句组合在块中的典型例子

function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}

变量是存储信息的容器。

var pi=3.14;
var name="Bill Gates";

如果重新声明 JavaScript 变量，该变量的值不会丢失

声明变量类型使用关键词 ‘new’

var x = new String;
//创建一个新的对象也可以用关键词 “new”
person = new Object();
person.name = "baobao";
person.age = 3;

**JavaScript 函数:**函数是由事件驱动的，或者当它被调用时可重复执行的代码块

条件运算符（类似于三目运算符）
variablename=(condition)?value1:value2

variablename=(condition)?value1:value2 
//如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear President "，否则赋值 "Dear"。

If…else if…else 语句

switch break default

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。
请使用 break 来阻止代码自动地向下一个 case 运行。
default 关键词来规定匹配不存在时做的事情：

var day=new Date().getDay();
switch (day)
{
case 6:
  x="Today it's Saturday";
  break;
case 0:
  x="Today it's Sunday";
  break;
default:
  x="Looking forward to the Weekend";
}

不同类型的循环

JavaScript 支持不同类型的循环：

for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

for (var i=0; i<5; i++)
  {
  x=x + "The number is " + i + "<br>";
  }

其他写法：

var i=0,len=5;
for (; i<len; )
{
document.write("The number is " + i + "<br>");
i++;
}

异常 try catch throw

<script>
    function myFunction()
    {
        try
          {
          var x=document.getElementById("demo").value;
          if(x=="")    throw "empty";
          if(isNaN(x)) throw "not a number";
          if(x>10)     throw "too high";
          if(x<5)      throw "too low";
          }
        catch(err)
          {
          var y=document.getElementById("mess");
          y.innerHTML="Error: " + err + ".";
      }
}
</script>

<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>

请注意，如果 getElementById 函数出错，上面的例子也会抛出一个错误。

onclick onload onunload onchange

onclick 事件会在点击的时候触发

<h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1>
<button onclick="displayDate()">点击这里</button>
document.getElementById("myBtn").onclick=function(){displayDate()};

onload 和 onunload 事件会在用户进入或离开页面时被触发onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。

<body onload="checkCookies()">

onchange 事件常结合对输入字段的验证来使用。

<input type="text" id="fname" onchange="upperCase()">
//当用户改变输入字段的内容时，会调用 upperCase() 函数

onmouseover 和 onmouseout 事件

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

onmousedown、onmouseup 以及 onclick 事件

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

BrickXSC

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 碎片笔记

JS 区分大小写,对大小写敏感JavaScript 函数是将语句组合在块中的典型例子function myFunction(){document.getElementById("demo").innerHTML="Hello World";document.getElementById("myDIV").innerHTML="How are you?";}变量是存储信息的...
复制链接

扫一扫

专栏目录