zoukankan      html  css  js  c++  java
  • Js 基础知识(转)


    JavaScript就这么回事1:基础知识

    1 创建脚本块

    1: <script language=”JavaScript”>
    2: JavaScript code goes here
    3: </script>

    2 隐藏脚本代码

    1: <script language=”JavaScript”>
    2: <!--
    3: document.write(“Hello”);
    4: // -->
    5: </script>


    在不支持JavaScript的浏览器中将不执行相关代码

    3 浏览器不支持的时候显示

    1: <noscript>
    2: Hello to the non-JavaScript browser.
    3: </noscript>

    4 链接外部脚本文件

    1: <script language=”JavaScript” src="/”filename.js"”></script>


    5 注释脚本

    1: // This is a comment
    2: document.write(“Hello”); // This is a comment
    3: /*
    4: All of this
    5: is a comment
    6: */

    6 输出到浏览器

    1: document.write(“<strong>Hello</strong>”);

    7 定义变量

    1: var myVariable = “some value”;

    8 字符串相加

    1: var myString = “String1” + “String2”;

    9 字符串搜索

    1: <script language=”JavaScript”>
    2: <!--
    3: var myVariable = “Hello there”;
    4: var therePlace = myVariable.search(“there”);
    5: document.write(therePlace);
    6: // -->
    7: </script>

    10 字符串替换

    1: thisVar.replace(“Monday”,”Friday”);


    11 格式化字串

    1: <script language=”JavaScript”>
    2: <!--
    3: var myVariable = “Hello there”;
    4: document.write(myVariable.big() + “<br/>”);
    5: document.write(myVariable.blink() + “<br/>”);
    6: document.write(myVariable.bold() + “<br/>”);
    7: document.write(myVariable.fixed() + “<br/>”);
    8: document.write(myVariable.fontcolor(“red”) + “<br/>”);
    9: document.write(myVariable.fontsize(“18pt”) + “<br/>”);
    10: document.write(myVariable.italics() + “<br/>”);
    11: document.write(myVariable.small() + “<br/>”);
    12: document.write(myVariable.strike() + “<br/>”);
    13: document.write(myVariable.sub() + “<br/>”);
    14: document.write(myVariable.sup() + “<br/>”);
    15: document.write(myVariable.toLowerCase() + “<br/>”);
    16: document.write(myVariable.toUpperCase() + “<br/>”);
    17: 
    18: var firstString = “My String”;
    19: var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
    20: // -->
    21: </script>

    12 创建数组

    1: <script language=”JavaScript”>
    2: <!--
    3: var myArray = new Array(5);
    4: myArray[0] = “First Entry”;
    5: myArray[1] = “Second Entry”;
    6: myArray[2] = “Third Entry”;
    7: myArray[3] = “Fourth Entry”;
    8: myArray[4] = “Fifth Entry”;
    9: var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
    10: // -->
    11: </script>

    13 数组排序

    1: <script language=”JavaScript”>
    2: <!--
    3: var myArray = new Array(5);
    4: myArray[0] = “z”;
    5: myArray[1] = “c”;
    6: myArray[2] = “d”;
    7: myArray[3] = “a”;
    8: myArray[4] = “q”;
    9: document.write(myArray.sort());
    10: // -->
    11: </script>

    14 分割字符串

    1: <script language=”JavaScript”>
    2: <!--
    3: var myVariable = “a,b,c,d”;
    4: var stringArray = myVariable.split(“,”);
    5: document.write(stringArray[0]);
    6: document.write(stringArray[1]);
    7: document.write(stringArray[2]);
    8: document.write(stringArray[3]);
    9: // -->
    10: </script>

    15 弹出警告信息

    1: <script language=”JavaScript”>
    2: <!--
    3: window.alert(“Hello”);
    4: // -->
    5: </script>

    16 弹出确认框

    1: <script language=”JavaScript”>
    2: <!--
    3: var result = window.confirm(“Click OK to continue”);
    4: // -->
    5: </script>

    17 定义函数

    1: <script language=”JavaScript”>
    2: <!--
    3: function multiple(number1,number2) { 
    4: var result = number1 * number2;
    5: return result;
    6: }
    7: // -->
    8: </script>

    18 调用JS函数

    1: <a href=”#” onClick=”functionName()”>Link text</a>
    2: <a href="/”javascript:functionName"()”>Link text</a>

    19 在页面加载完成后执行函数

    1: <body onLoad=”functionName();”>
    2: Body of the page
    3: </body>


    20 条件判断

    1: <script>
    2: <!--
    3: var userChoice = window.confirm(“Choose OK or Cancel”);
    4: var result = (userChoice == true) ? “OK” : “Cancel”;
    5: document.write(result);
    6: // -->
    7: </script>

  • 相关阅读:
    嵌入式MicroFlighter 之STM32F103学习——编写第一个STM32程序
    嵌入式stm32学习方法
    嵌入式stm32学习之路(led流水灯工程)
    嵌入式stm32 LED 流水灯剖析(库函数版)
    Swift快速入门(一)第一个Swift程序
    从库函数方向入门stm32的个人建议
    嵌入式STM32使用PWM控制LED呼吸灯效果
    嵌入式STM32学习笔记之按键查询方式控制led灯的亮灭
    从零写一个编译器(完结):总结和系列索引
    从零写一个编译器(十三):代码生成之遍历AST
  • 原文地址:https://www.cnblogs.com/gdutbean/p/2387492.html
Copyright © 2011-2022 走看看