JavaScript基础部分（三）

最新推荐文章于 2017-07-31 18:20:03 发布
最新推荐文章于 2017-07-31 18:20:03 发布
阅读量216 收藏
点赞数
分类专栏： 基础部分 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zero_1996/article/details/72902930
版权
  • 对错误的处理：
    两种方法：try catch和throw Exception
    同java的错误处理方法一样
    典型案例：
 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<p>请输入一个 5 到 10 之间的数字:</p>

<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="message"></p>

<script>
function myFunction() {
    var message, x;
    message = document.getElementById("message");
    //引入变量message
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try { 
        if(x == "")  throw "值为空";
        //throw相当于输出
        if(isNaN(x)) throw "不是数字";
        //isNaN是判别数字的专门方法
        x = Number(x);
        //类型的强制转换，用来进行区间范围的判别
        if(x < 5)    throw "太小";
        if(x > 10)   throw "太大";
    }
    catch(err) {
        message.innerHTML = "错误: " + err;
        //其他不可预知的错误，可以做到同时输出该错误的类型
    }
}
</script>

</body>
</html>

  • JavaScript的调试

    调试方法：console.log() 方法

 a = 5;
b = 6;
c = a + b;
console.log(c);
//通过在浏览器里F12进行调试操作，里面有同一个console选项

debugger用于执行JavaScript的中断操作，用于在进行调试操作的时候中断

此外，在JavaScript中，变量可以先使用后申明，变量具有提升的特点。
但是变量的初始化不能提升，也就是说var x;可以提升，但是var x= 4;就不能提升到前面了。

JavaScript的严格模式 即是：”use strict”;
1、不允许使用未申明的变量
2、不允许删除变量或者对象
3、不允许删除函数。
4、不允许变量重名:
5、不允许使用转义字符:

zero_1996
关注
专栏目录
JavaScript基础语法笔记
04-12
三、JavaScript基础语法 1. 变量声明：JavaScript使用`var`, `let`或`const`来声明变量。`var`在函数作用域内，而`let`和`const`在块级作用域内，其中`const`声明的是常量，不能重新赋值。 2. 函数：JavaScript的...
JavaScript基础部分视频
01-01
这个“JavaScript基础部分视频”涵盖了初学者需要掌握的基本概念和技能，为深入学习和应用JavaScript打下坚实的基础。以下将详细阐述其中可能涉及的知识点： 1. **变量与数据类型**：JavaScript支持动态类型，这...
javascript基础知识
10-22
JavaScript基础知识介绍涵盖了编程语言核心概念，包括变量声明、数据类型、数值转换、运算符、函数和作用域等。学习这些基础知识点对理解JavaScript的运作方式至关重要。 1. 变量声明及undefined值：JavaScript中...
JavaScript基础
02-24
JavaScript基础 模块挑战是学生独立完成的下午项目或作业。 这是在先前由讲师完成的指导项目的基础上扩展的。 高级CSS和JavaScript JavaScript基础 目标 使用let，const，var并演示它们之间的差异。 了解并能够使用...
JavaScript基础知识学习笔记
10-25
以上只是JavaScript基础知识的一部分，深入学习JavaScript还需要理解更多高级概念，如模块系统、Promise和async/await、模板字符串、ES6及后续版本的新特性等。对于初学者来说，逐步掌握这些知识，结合实践操作，将...
微信小程序点击实现隐藏和点击实现显示
热门推荐
zero_1996的博客
07-01 7万+
组件显示的方法：即是定义组件的表现形式 display: none;wxml文件： <view > <button class="hide{{showView?'show':''}}" bindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button> //？:即表示了一种选择关系 <button class="hide{{showV
微信小程序 wx：for循环和数组内部元素的增加
zero_1996的博客
07-31 2万+
wx:for循环实现自动换行： wxss文件内flex-wrap: wrap;wx:for 循环的内容<view class="menu_item" wx:for="{{menus}}" wx:for-index="idx" wx:for-item="menus" wx:key="menus"> <image class="menu_icon" src="/icons/blue.png
微信小程序遇到的常见问题（一）
zero_1996的博客
06-10 2万+
问题1.pages/another/another 出现脚本错误或者未正确调用 Page() 或者another.js [sm]:1 Uncaught ReferenceError: page is not defined 或者pages/another/another 出现脚本错误或者未正确调用 Page()问题根源：在建立页面时可能没有使用直接建立page的方式，在配置app.json时，p
微信小程序外部字体的导入
zero_1996的博客
06-28 1万+
事先准备 因为微信不支持外部文件夹的权限，所以首先去下载一个自己选中的字体，也就是ttf文件，将该ttf文件上传至https://transfonter.org/ 注意选中 Base64 encode 然后点击convert转换并下载压缩文件，用Dw打开其中的css文件，将其中的代码，复制到页面的.wxss文件下 再选择并调用。 存在问题：1、加入代码后界面所有格式混乱，图标移动位置，乱套原因
微信小程序制作心得和体会
zero_1996的博客
06-15 7553
每一个微信小程序都由页面构成 每一个页面都由控件构成 控件也就是组件 基本和android 的layout一样，微信小程序基本可以为view 每一个view都可以有自己的class，在class里面可以设置位置，高度，宽度等等属性 同时也可有诸如image/text/scoll-view等组件，并设置相应的属性 甚至可以通过脚本控制scoll-view的自主滚动等等。 也可以通过给bo
微信小程序开发前的准备工作
zero_1996的博客
06-09 568
最好有android的开发经验，需要掌握一种对于不同的文件负责不同效果的概念掌握开发需要的知识：JavaScript，HTML和CSS的基础知识，并能明白对应的英文的含义，并能输入正确的英文。在微信公众号的网站，进行注册，选择 选择小程序部分， 并在设置部分获取自己的appId 下载微信小程序的开发工具 输入自己的appID，开始开发之路！！！
微信小程序的上传
zero_1996的博客
06-18 451
首先：上传的微信小程序大小不得超过2m，因此，在微信小程序所在文件夹内不得有太多的图片，因此微信小程序最好加载网络中的图片，实现通过代码来加载图片，这样的小程序才不会占有太多的空间。 然后，选择上传。 在上传后，登录进入微信公众号平台 再通过填写相应的信息，包括图标，用途之类的，再经过审核就可以发布了
JavaScript基础部分（二）
zero_1996的博客
06-06 419
break和continuebreak用于停止当前的循环，continue用于跳过当前这一部分 都可以加标签，来实现小循环或者大循环的停止或者跳出操作 bigloop: //标签 for (var i = 0; i < 10; i++) { smallloop: for (var j = 0; j < 10; j++) { if (j >
JavaScript HTML DOM之 addEventListener()
zero_1996的博客
06-12 382
addEventListener() 方法用于向指定元素添加事件句柄。 addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。 该方法的标准形式：element.addEventListener(event, function, useCapture); event为事件：click 或者 mouseover/mouseoutfunction为函数，即自定义的方法use
JavaScript基础部分（四）
zero_1996的博客
06-10 380
JavaScript的表单以及表单验证表单实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") {
JavaScript 的void关键字
zero_1996的博客
06-13 342
超级链接的形式：<a href="javascript:void(0)">超级链接的文字</a> 其中，javascript：void(0)指的是该操作符指定要计算一个表达式但是不返回值。具体事例：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript">
JavaScript HTML DOM(二)
zero_1996的博客
06-20 312
基本点击事件 <h1 onclick="this.innerHTML='Ooops!'">点击文本!</h1>函数处理事件：<script> function changetext(id){ id.innerHTML="Ooops!"; } </script><h1 onclick="changetext(this)">点击文本!</h1>函数的变换：显示当前的时间<p>点击按钮执行 <em
JavaScript Window-浏览器对象模型
zero_1996的博客
06-22 285
所有浏览器都支持 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 window.document.getElementById("header");等同于document.getElementById("header");对于浏览器高
javascript基础部分的学习
zero_1996的博客
06-03 270
一个网页即html>的组成包括head> body> 其中script>部分既可以出现在head>也可以出现在body>，也就是js注入 基础 h1>代表题目； p>代表一个独立的自然段，即换行符； 输出：document.write("")； 弹窗输出：alert(""); 根据id进行指令更改：document.getElementById("xx").innerHTML
JavaScript基础入门教程
"这是一份JavaScript基础教程，适合初学者，提供初级知识，不涉及动态网页相关高级技术，如动态定位、动画等。教程结构设计为参考教程风格，分为5章，涵盖基础知识和进阶对象知识，以及框架和Cookie的使用。教程要求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值