zoukankan      html  css  js  c++  java
  • 【B/S】JS(3)

    JS:JavaScript是属于网络的脚本语言, 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。主要使网页有交互,和HTML一样属于前端编程语言(运行在客户端)。

    JavaScript不仅可以在前端使用,node.js平台可以让JavaScript具有服务端编程语言能力

    js代码的位置(head中):

    第一种方式:js代码写在<script>标签中。

        type="text/javascript"(可不写)   :javascript代码,现在所有的浏览器都会把<script>标签中的内容当成JS来执行

    <script type="text/javascript">

      alert("hello world");//提示框,打印一句话

      console.debug("哈哈");//firefox和google浏览器中使用F12打开开发者工具,选中控制台面板(console)

    </script>

    第二种方式:将js代码作为a标签的href属性值运行,当我们点击这个a标签的时候就会执行js代码。javascript:代码

    <a href="javascript:alert('你好')">点击</a>

    第三中方式:将js代码放在一个独立js文件中,然后通过<script src="hello.js"></script>

          src:制定外部js文件的路径

    <script type="rext/javascript" src="hello.js"></script>

    js变量

    <script type=text/javascript>

      //javascript声明变量统一使用“var”;

      //语法:var 变量名=任何值;

      //声明变量,没有赋值。(默认值为“undefined”);

      var username;

      username = "枫棂";

      username = 100;

      console.debug(username);

    </script>

    注意:

    1. js中没有char类型,所以'a'也是一个字符串

    2. var a="2";

      var b="你好";

      console.debug(a*b);//NaN:not a number不是一个数字。a非数字,会自动将类型转换为数值2,b非数字,但无啊把这个字符串转换为数值,不会报错,返回NaN;

    3. js中任何值都有“真假性”,也就是说任何值都可以代表“真”或“假”

      false,0,"",'',NaN,undefined,null都是“假”;其他值都是真。所以if(值)中,这个值为真,就继续,若为假,就中断。

    函数:

    将脚本编写为函数,就可以避免页面载入时执行该脚本

    函数包含着一些代码,这些代码可以多次被调用。

    function showWord(){

      for(var i=0;i<10;i++){
        console.debug("你好"+i);

      }

    }

    直接调用函数:

    showWord();

    间接调用:

    <a href="javascript:showWord();">点击我</a>

    //函数中形参直接写参数名即可,不要写var

    function getSum(num1,num2){

      return num1+num2;  //不需要定义返回值的类型,直接返回值即可

    }

    var sum=getSum(5,1);

    console.debug(sum);

    //document.write 文本内容打印到网页中

    for(var i=1;i<9;i++){
      document.write("-----------------------");

      document.write("<br/>");

    }

    //定义一个验证表单函数

    function validateForm(){

      //getElementById方法,通过id属性获取页面中的一个元素

      var inputOBbject = document.getElementById("username");//获取了页面中id为username的标签对象

      var v= inputObject.value;

      

      //判断用户名是否有输入

      if(v.length==0){

        alert("请输入用户名");

        return;  //终止代码继续向后执行

      }

      //通过代码提交表单

      var formMaple = document.userForm;//获取到了名字为userForm表单对象

      formMaple.submit();

    }

    <form action="" name="userForm">

      用户名:<input type="text" name="username" id="username" /><br />

      密&emsp;码:<input type="password" name="userpsword" id="userpsword"/><br />

      //onclick点击后执行某段代码

      <input type="button" value="提交" onclick="validateForm()" />

    </form>

  • 相关阅读:
    使用Eclipse创建Maven的JSP项目
    MySQL远程访问
    IDEA创建web工程,不用Archetype(超简单)
    IDEA创建web工程(超简单)
    共享软件
    C语言讲义——链表完整代码
    base64图片显示问题
    JAVA 判断一个字符串是否是合法的日期格式?
    SpringBoot配置本地文件映射路径
    SpringBoot读取资源目录下的文件
  • 原文地址:https://www.cnblogs.com/maplely/p/6526778.html
Copyright © 2011-2022 走看看