js代码笔记

本文档提供了一个简单的JavaScript学习示例页面,包含基本的数据类型使用、数组操作、日期对象的创建及DOM元素值的获取等核心内容。通过这些示例代码,初学者可以了解JavaScript的基本语法和常见API的用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<html>
    <meta charset="utf-8"/>
    
    <head>
        <title>JS学习网页</title>
        
        <!--嵌入-->
        <script type="text/javascript">
            
            
            
            
           function clickButton(num1,num2){
               var myName;
               var age = 1;
               var sex = '男',sex2 = "女";
               var bol = false;
               var newNum = "7778866";
               
               
               Number.MAX_VALUE;
               Number.MIN_VALUE;
               
               for(var i = 0; i < 10; i++){
                   
                   if(i == 5){
                       break;
                   }
                   
                   age+=i;
               }
               
               var arr = new Array();
               var arr1 = [1,2,3,4];
               var arr2 = new Array(30);
                
               arr.push("字符串一");
               arr.push("字符串二");
               arr.push("字符串三");
               arr.push("字符串四");
//               arr.join("新加的");
               
               var dateObj = new Date();
               
//               alert(encodeURI("http://www.百度.com"));
               
               var urlString = encodeURIComponent("http://www.百度.com");
               
//               var number1 = 1;
//               eval("number1+=1");
//               alert(number1);
               
//               eval("var evalArray = new Array(20)");
//               alert(evalArray.length);
               
               
               alert(arr instanceof String);
               
               alert(newFuc(1,2,"三",arr2));
//               alert(arr.join("join"));
//               alert(dateObj.getDay());
               
               var iP = document.getElementById("inputLabel").value;
               
           }
            
            function newFuc(param1,param2,param3,param4){
                
                alert("param4数组的长度为:" + param4.length);
                
                return param1 + param2;
            }
            
        </script>
        
    </head>
    
    <body>
        <input id="inputLabel" type="button" value="js测试按钮" onclick="clickButton('我是文字',10);" />
        <a href="javascript:alert('超链接点击');">超链接</a>
    
    </body>


</html>
为减少 js 关键词的占用,此文件只占用“c$”一个关键词; * 使用时用: c$.函数名(参数列表); 或者 c$().函数名(参数列表) * 字符串操作函数、日期操作函数、数组操作函数等,直接增加到 String、Date、Array 类里面,便于直接使用 */ /** * 获取元素,或者在DOM加载完成时执行某函数 * @param arg 此参数为字符串时,认为是 c$.getElement 的缩写,用来获取元素。用法参考 c$.getElement * 如果 arg 是 function 则认为是 c$.ready 的缩写,在dom加载完成时执行。没有此参数则返回 c$ 对象。 * @param dom 需要选择的DOM对象,默认是 window.document * @return 没有arg参数时返回 c$ 对象,arg参数是字符串时返回查询的元素,arg参数是函数时没有返回内容。 * * @example * c$("mytext") // 返回 id 或者 name 为"mytext"的元素 * c$("#mytext") // 返回 id 为"mytext"的元素 * c$("@mytext") // 返回 name 为"mytext"的所有元素 * c$(".class1") // 返回 class 为"class1"的所有元素 * c$("$div") // 返回 标签 为"div"的所有元素 * c$("$div #text1") // 返回 div 标签里面 id 为"text1"的元素(支持多级查询,以空格分隔) * c$(function(){alert('执行DOM加载完成事件');}); // 为 c$.ready(fun) 的缩写 * * c$.函数名(参数列表) // 调用这工具类里面的函数 * c$().函数名(参数列表) // 调用这工具类里面的函数 */ var c$ = window.c$ = function(arg, dom) { // 如果没有参数,则返回 本对象;让程序可以这样写: c$().函数名(参数列表) if (arguments.length === 0) return c$; if (typeof arg == 'function') return c$.ready(arg); // 有参数则调用获取元素的函数,为 c$.getElement 的缩写 return c$.getElement(arg, dom); }; /** * 这是错误调试程序 * 当页面发生错误时,提示错误讯息;仅测试环境里会提示,正式环境下不提示错误。 * 注意:chrome、opera 和 safari 浏览器不支持 onerror 事件 * @param msg 出错讯息 * @param url 出错档案的地址 * @param sLine 发生错误的行 * @return true 返回true,会消去 IE下那个恼人的“网页上有错误”的提示 */ window.onerror = function(msg, url, sLine) { // 测试时可以提示出错信息;正式发布时不提示 if (c$.isTest) { var errorMsg = "当前页面的javascript发生错误.\n\n"; errorMsg += "错误: " + msg + "\n"; errorMsg += "URL: " + url + "\n"; errorMsg += "行: " + sLine + "\n\n"; errorMsg += "点击“确定”消去此错
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值