zoukankan      html  css  js  c++  java
  • JS学习记录(入门及语法部分(es))

    JS入门
    <html lang="en"> <head> <meta charset="UTF-8"> <!--当浏览器不支持js的时候会显示该信息--> <noscript> 浏览器js功能被禁用 <!--noscript:用来检测浏览器js是否被禁用--> </noscript> <title>js入门</title> </head> <body> <!--js的组成部分 1:es js的语法规则部分 2:dom 文档对象模型(html内容,js可以通过dom结构,去修改html内容) 3:bom 浏览器对象模型(js不光可以操作html,还可以操作浏览器) --> <!--js的使用方法(跟css类比): 1:行内js 2:内部js 3:外部js--> <!--1:行内js--> <!-- <button onclick="javascript:alert('HelloWord')">HelloWord</button><!--alert:对话框,行内样式基本不使用-->--> <!--2:内部js--> <button onclick="showHello()">德玛西亚!</button> </body> <!--<script> function showHello() { alert("盖伦真肉!"); } </script>--> <!--3:外部样式--> <script src="../../js/First.js"></script> </html>

    结果图:

    命名规则
    <html lang="en"> <head> <meta charset="UTF-8"> <title>命名规则</title> </head> <body> <!-- 以字母、数字、下划线和$符组成,不能以数字开头--> </body> <script> var left = 10; var right = 8; var temp; /*交换过程*/ temp = left; left = right; right = temp; alert("左手:+left"); alert("右手:+right") </script> </html>

    结果图:

    数据类型
    html lang="en"> <head> <meta charset="UTF-8"> <title>数据类型</title> </head> <body> </body> <script> /*undefined*/ var i; alert(i); /*boolean*/ var b1 = true; var b2 = false; /*number*/ var i = 10; /*string*//*字符串*/
    var s = ccy;
    /*object*/ var obj = { } </script> </html>

    结果图:

    数据转换
    <html lang="en"> <head> <meta charset="UTF-8"> <title>数据转换</title> </head> <body> </body> <script> /*var s1 = "123"; s1 = Number(s1); var i = 123; var result = s1+i; alert(result);*/ /*parseInt:把字符串类型的数字,转换成整形*/ /*var s1 = "123.5"; var i = 123; s1 = parseInt(s1); var result = s1+i; alert(result);*/ /*parseFloat:把字符串类型的数字,转换成浮点形*/ var s1 = "123.6"; var i = 123; s1 = parseFloat(s1); var result = s1+i; alert(result); </script> </html>

    结果图:

  • 相关阅读:
    getJson
    mongodb在java中的查询
    Fragment
    android权限
    json输出
    Android Service
    javascript
    android
    Myeclipse启动报错: Invalid 'log4jConfigLocation' parameter
    Android-Activity生命周期
  • 原文地址:https://www.cnblogs.com/lizuowei/p/7265157.html
Copyright © 2011-2022 走看看