-->

臧富祥 ^回到顶部

您的当前位置:首页 > web资讯 > JS > js基础

js基础

所属分类: JS   2019-12-27 15:22:29  编辑:admin  浏览次数 23 次

通过js向文档中输出文本

documentjs的内置对象,代表浏览器的文档部分

向文档写入字符串:

<script>

  document.write("Hello Javascript");

</script>

 

<button onclick="document.getElementById('text').style.display='none'">隐藏文本</button>

<button onclick="document.getElementById('text').style.display='block'">显示文本</button>

<p id="text"> 这个是一段可以被javascript隐藏的文本</p>

 

javascript代码特别多, 可以把javascript代码剥离出来,单独放在一个文件里,在html中引用该文件即可。

<html>

  <script src="http://how2j.cn/study/hello.js"></script>

</html>

 

注释

单行注释://

多行注释:/*……*/

 

变量

var声明是局部变量,如果不加var直接赋值就是一个全局变量

 

调试

alert  f12

 

基本数据类型

当一个变量被声明了,却没有赋值的时候: undefined

使用typeof来进行判断数据类型

 

类型转换

toString方法,用于转换为字符串

<script>

  var a=10;

  document.write('默认模式下,数字10转换为十进制的'+a.toString()); //默认模式,即十进制

  document.write("<br>");

  document.write('基模式下,数字10转换为二进制的'+a.toString(2)); //基模式,二进制

  document.write("<br>");

   

  document.write('基模式下,数字10转换为八进制的'+a.toString(8)); //基模式,八进制

  document.write("<br>");

  document.write('基模式下,数字10转换为十六进制的'+a.toString(16)); //基模式,十六进制

  document.write("<br>");

</script>

 

javascript分别提供内置函数 parseInt()parseFloat(),转换为数字
注:如果被转换的字符串,同时由数字和字符构成,那么parseInt会一直定位数字,直到出现非字符。 所以"10abc" 会被转换为 10

 

Number()parseInt()一样,都可以用来进行数字的转换
区别在于,当转换的内容包含非数字的时候,Number() 会返回NaN(Not a Number)
parseInt() 要看情况,如果以数字开头,就会返回开头的合法数字部分,如果以非数字开头,则返回NaN

 

使用内置函数Boolean() 转换为Boolean
当转换字符串时:非空即为true
当转换数字时:非0即为true
当转换对象时:非null即为true

 

函数

<script>

    //无参函数

    function print(){

        document.write("试一试函数控制!");

        document.write("<br>");

    }

    print();

    //带参数的函数

    function print(message){

        document.write(message);

        document.write("<br>");

    }

    print("第一句话");

    print("第二句话");

</script>

当方法名相同的时候,后面的会覆盖掉前面的。 所以第一个函数就是undefined的了。 js是顺序执行的没错,但是执行之前会解释器解析呢,解析的过程中,就把第一个函数undefined了。

 

<script>

function print(message){

  document.write(message);

}

function calc(x,y){

  return x+y;

}

var sum = calc(500,20);

print(sum); 

</script>

 

事件

<script>

function showHello(){

   alert("Hello JavaScript");

}

</script>

<button onclick="showHello()">点击一下</button>

 

+两边都是数字的时候,+就是加法运算符,所以1+2=3
+任意一边是字符串的时候,+就是字符串连接符,所以1+"2"=12

1=='1': true
1==='1': false

 

循环语句

continue 表示放弃本次循环,进行下一次循环

break表示终止循环,循环体结束


Web文章检索

Web文章目录