Javascript的内容摘要

{JS的三种方式}
           1 HTML中内嵌JS(不提倡使用)
           <buttonhttps://www.linuxidc.com/Java" target="_blank" title="https://www.linuxidc.com/topicnews.aspx?tid=19">Javascript:alert()">点我呀!!!</button>
       <button ondblclick="javascript:alert()">点我呀!!!</button>
       <button>点我呀!!!</button>
           2  html页面中使用JS
          <script type="text/javascript">
               //JS代码
       </script>
            3 引用外部JS文件
          <script language="JavaScript"src=""></script>
          注意事项:
           ① 页面中的JS代码和引用的JS代码 可以嵌入到HTML中的任何位置,但是位置不同,会影响JS代码的执行顺序
          ②页面中的js代码:使用type="text/javascript"
          引用外部的js文件 使用language="JavaScript"src=""
          例如<script>在body前面会在加载前出现
           ③  引用外部JS文件的<script></script>必须成对出现且标签内部不能有任何代码
       <script type="text/javascript">
//           js中的注释
           // 单行注释      ctrl+/
           /*
            段落注释    ctrl+shift+/
            **/
//           alert("我弹了一个窗")
//        document.write("<h1></h1>")
/*JS中的变量
  * 1  js中变量声明的写法 
 *  var width=10;    使用var声明的变量,只在当前函数作用域有效
 * width=11;      不使用var  直接赋值生成的变量      默认为全局变量整个JS文件有效 
 *  var a,b,c=1;  同一声明语句同时声明多个变量,变量之间用英文逗号分开,但 赋值需要单独赋,例如上式中的只有c赋为1
 * 2 变量的命名规范:
 * ①  变量名只能有字母数字下划线$ 组成
 * ②    开头不能使数字
 * ③  变量区分大小写    大写字母与小写字母为不同变量
 * 3  变量名命名要符合驼峰法则
 * 变量开头要小写    之后首字母大写  (或单词之间有下划线分隔)
 * JiangHaoIsShuaiGe
 * 4 类型JS中的变量的数据类型
 * undefined:未定义 用var声明的变量    没有进行初始化数值。  var a;
 * Null  代表特殊的变量类型。  表示为空的引用 var a=null;  
 * Boolean    真假 可选true和false
 * Number  数值类型 可以是小数,也可以是整数
 * STRING 字符串类型 用""或''包裹的内容为字符串
 * Object  (复杂数据类型) 后续讲解, 函数,数组等。
 * 5 常用的数值函数
 * ① isNaN  用于判断一个变量或常量  是否为非数值
 * 使用isNAN判断时,会尝试使用number()函数进行转换  如果能转换为数字 则不是非数值  结果为false
 * "111"  纯数字字符串  的、false  " "  空字符串  false  "la"  包含其他字符  true
 * true/false  布尔类型  false
 * ②  Number()  将其他类型转化为数值类型
 * [字符串类型]
 * 1  字符串为纯数值字符串,会转为对应的数字 "1111"》111
 * 2  字符串为空字符串  会转为"0">0
 * 3  字符串包含其他非数字字符时,不能转换,"111a">NaN
 * [NULL/undefined转数值]
 * null>0    unfedined>0
 * [Boolean类型转数值]
 * true>1    false>0 
 * Object类型转数值]
 * 先通用ValueOf 方法确定函数是否有返回值 在根据上述情况判断
 * ③parseInt  将字符串转化为数值类型
 * >>>>  空字符串 不能转 结果为NAN
 * >>>>  纯数值字符串  能转    "123">123    "123.65">123(小数转化时,直接抹掉小数点)
 *>>>>    包含其他字符的字符串。会就取第一个非数值字符前的数值部分
 *          "1234a123">1234        "a1234">NaN
 * >>>> parseInt值能转string类型,boolem/null/undefined 均为NaN
 * ④ parseFloa:将字符串转换为数值
 * 使用方式同parseInt,当转化小数字符串时 保留小数点,转化整数字符串时 保留整数
 * "123.5" >123.5      "123">123
 * ⑤ typeof  用来检测变量数据类型
 * 未定义>undefined        字符串>string      true/false> boolean
 * 数值>number        对象/null>object          函数>function  
 * */
  /*声明变量注意事项
            * ①  JS中的所有变量类型声明,均使用var关键字变量的具体数据类型取决于给变量赋值的执行
            * ② 同一变量:可以再多次不同赋值时,修改变量的数据类型
            *  var width=10;  width为整型变量
            * ;    width被改为字符串类型
            * ③变量可以使用var声明 也可以省略var  [区别]  不使用var为全局变量
            * ④ 同一变量名可以多次用var声明 但并没有任何含义 也不会报错,第二次之后的声明      只会被理解为赋值
            * */
var a;  // 声明变量
 a=10;  // 给变量赋值
            JS中输入和输出语句
            *1  文档中的打印输出  document 。write{};
            * 输出语句 将write的()中的内容打印在浏览器屏幕上
            * 使用时注意:改变量/常量以外的内容  打印时必须放在""中,变量/常量必须放在""外
            * 打印内容同时有多部分内容时,中间用+链接
            * 例如  document.write("左手中的纸牌"+left+"<br/>");
            *  2  弹窗输出alter{}  警报
            * 弹窗警告  ()中的内容 同上
            * 3  弹窗输出  promptjkkk
            * s\两部分参数① 输入框上面的提示信息
                                ② 输入框里面的默认信息
            * 两部分中间用逗号隔开,只写一部分,默认为提示信息 
            * 可以定义变量接受输出内容    例如var name = prompt("请输入您的名字","姜浩" );点击确定按钮 输入成功  点击取消按钮  name=null;
            *默认接收输入的内容为字符串
            * var center=  声明一个中间变量 
            center=left    左手的值给中间
            right = center  把中间的值给右边 */       
      var name = prompt("请输入您的名字:","姜浩" ); 
        document.write("您的名字:"+name);
          var one =prompt("输入第一个数字:","2");
            var two = prompt("输入第二个数字:","2") ; 
            var sum  = parseFloat(one)  + parseFloat(two)
          document.write(sum

JS中的运算符

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/7babb3fac35b92b02c567214a1150354.html