javaScript--01 HTML 下 JavaScript简介

01 HTML JavaScript简介

<!DOCTYPE html>

<html lang="zh">

    <head>

        <title>HTML</title>

        <meta charset="utf-8">

        <meta name="keywords" content="HTML、标签、JavaScript">

        <meta name="description" content="HTML简介">

        <script type="text/javascript" src="test.js"></script>

        <style>

        </style>

    </head>

    

    <script type="text/javascript">

        <!--

            //alert("运行就会显示");//script写在body前,则在显示body前就会执行此代码。若写在body后面,则在解析完body后才执行此代码,弹出提示框。

        

        function  buttonPressed(){

            //alert("点击按钮");

            var bu = document.getElementById("buttonInput");

            //alert(typeof(bu));//object

            //alert(bu instanceof Object); //true

            //alert(bu instanceof String); //false

            alert(typeof(bu.value));//string

            alert(bu.value instanceof Object);//是基本类型string不是Object

            bu.value = "按钮已经点击";

            

            var a = 10;

            //alert(typeof(a)); //number

            

            a = new Number(2);

            //alert(typeof(a)); //object

            

            a = buttonPressed;

            //alert(typeof(a)); //function

            a = alert;

            //alert(typeof(a)); //function

            

            a = null;

            //alert(typeof(a)); //object

            

            a = "abc";

            //alert(typeof(a)); //string

            //typeof打印的是所有类型的toString方法(所有类型的小写)

            //也可以使用instanceof判断变量类型

            

            a = new String("123");

            if(a instanceof String){//只有当是New出来的时才能使用instanceof,其他的只能用typeof

                //alert("a instanceof String");//可显示,若使用a=“abc”,则不可以

            }

            

            /*把字符串转换成number*/

            //alert(typeof(a)); //object

            a = a *1;

            //alert(typeof(a)); //number

            

            /*boolean,非0为真,0为假  unll undefined NaNnot a number)都为假*/

        }

        

        function openNewWindow(){

            //window.open("20150415060448.html");

            self.open("20150415060448.html"); //使用windowself都可

        }

        

        function init(){

            var d = new Date();

            self.status = d.toLocaleDateString();

            

            setTimeout("init()",1000);//每个一秒调用一次

        }

        

        //-->//前面的注释是为了兼容老的浏览器

    </script>

            

    <body onload = "init()"><!--加载时调用init()方法-->

        <p onclick = "alert('提示框')">

            点击弹出提示框,直接把JS的内容写到onclick属性中,用双引号包裹:

            <br>

            &ltp onclick = "alert('提示框')"&gt&lt/p&gt

            <br>

            其中要提示的内容用单引号包裹

        </p>

        

        <input type="button" value="弹出提示框" οnclick="buttonPressed()" id="buttonInput">

        

        <input type="button" value="打开新页面" οnclick="openNewWindow()">

    </body>

</html>







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值