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>

    结果图:

  • 相关阅读:
    为图片指定区域添加链接
    数值取值范围问题
    【leetcode】柱状图中最大的矩形(第二遍)
    【leetcode 33】搜索旋转排序数组(第二遍)
    【Educational Codeforces Round 81 (Rated for Div. 2) C】Obtain The String
    【Educational Codeforces Round 81 (Rated for Div. 2) B】Infinite Prefixes
    【Educational Codeforces Round 81 (Rated for Div. 2) A】Display The Number
    【Codeforces 716B】Complete the Word
    一个简陋的留言板
    HTML,CSS,JavaScript,AJAX,JSP,Servlet,JDBC,Structs,Spring,Hibernate,Xml等概念
  • 原文地址:https://www.cnblogs.com/lizuowei/p/7265157.html
Copyright © 2011-2022 走看看