佳佳酱教你用代码写作业【2】

上一篇:佳佳酱教你用代码写作业【1】
 
PS:有任何地方看不懂都请留言帮助我改进
PS:想学会必须要动手实践,除非你有编程基础不然是没法看懂的,试试改改某个变量或值~
  
单词预习~

 
 
这一篇按照数学书上的顺序,应该讲“输入输出语句” 首先,输入这个问题在html里有点不怎么方便,有两个简单办法,一个是用prompt提示框(类似于书上的InputBox)输入内容,另一个是用input标签【这个相对还是比较烦的,而且涉及到HTML的dom操作了,所以这个就不说了】 前面讲过了赋值语句,这里就要用到了,其实真正代码里的赋值比书上说的高级很多,更概括的说就是把右边的最终结果给左边的变量,于是就可以有以下输入数值的方法:

 
把上面的代码放进两个script中间以后,保存,用浏览器打开,会看到类似下图的提示框跳出来

这时假如输入250的话,a的值会变成一个字符串”250″,并不是数字,所以要注意,不要把这时的a直接操作,比如用a+10,你会得到一个字符串”25010″而不是数字260。可能你作为一个人类不觉得这有什么区别,但是对于计算机来说是分很多数据类型的,这怎么办呢?数学书上有一张图上面的VB代码上输入代码的外面还包了一个Val函数,用来把字符串转换为数字,在js里也有这样的办法,用Number()可以把字符串转成数字,比如

这样a的值就是一个数字了,也可以正常进行运算了,也可以用这样的写法

 
以上就是用一个提示框进行输入的方法,但是对我们来说其实也没啥必要为了一个数据搞那么麻烦对吧,所以上面说的都是废话,如果你真心认真看完了上面,那真是辛苦了,其实要做到“输入”,只要给变量直接赋个你要的值不就行了吗对吧。。
 
然后还是说一下输出吧,js里的输出方法还是很多的,我这里为了方便理解,只说一些最简单的方法
方法1:用警告框
把要显示的变量或内容放在alert()的括号里【字符要加上引号,比如”这是一个字符串”、”64a6vew4f64″这样的非数字内容】

 
这里会出来这样一个框

直接使用

也是同样的结果

   
方法2:用控制台输出
控制台是啥你可以不知道,你只要知道怎么看到他,我知道的有控制台的浏览器是opera、chrome、firefox、IE8以及以上
怎么打开:我只知道chrome的控制台的打开方式是按F12或者从菜单里打开,其他浏览器的我都不知道快捷键,只会从菜单里找到打开。
chrome的开发者工具似于这样【一打开来的时候的样子】

这是我写这篇文章时候的html的dom,请无视它,因为它不是我们要用的东西,然后看他的顶部,再往右看,找到下面红框里的部分
 

点一下,下面一大块就空了,可以看到一个右箭头和一个光标,这就是控制台。
接下来进入主要部分了,刚刚说道用控制台输出,其实和警告框输出没有什么区别,只是输出的位置不同而已,他也是用一个函数:console.log(),把你要输出的内容写进括号里,可以是变量,可以是表达式,字符串要记得加引号。
用控制台的优点是这里可以直接输入js代码,不用新建文件,那为什么我一开始还要说先新建一个文件呢?因为不想大家看到控制台就直接走掉,因为有的浏览器木有控制台,有的人畏惧专有名词。顺便说一下,如果是在控制台里敲代码的话直接输入变量名回车就可以得到它的值了,用不着任何额外的输出方法。
  
然后来举个例子【我把浏览器窗口缩小了,不然截图太大。。。】
[PS:每一行代码打完请按回车,也可以按Shift+回车来编辑多行最后再按回车,最终结果时候最后一个操作的返回值]
1:用文件里的脚本写个输出到控制台的例子
代码:

 
结果:

 
2:在控制台里定义了变量以后直接用变量名显示结果

 
这样简单的输出方式就讲完了,做题目的话用的最多的还是用提示框,控制台相对来说还是给比较专业的人用的,比如调试js的前台人员。
   
下一篇:佳佳酱教你用代码写作业【3】





如文中无特殊说明,本站均使用以下协议:知识共享许可协议
知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

本博客使用Disqus评论系统,如果看不到评论框,请尝试爬墙。