JavaScript之$符号

妖狐艹你老母 2022-07-16 00:55 113阅读 0赞

# JavaScript之$符号 #

*  前些天不小心用到了$符号,所以这里就来解释一下。
 *  **定义：**  
    $$()这个方法是在DOM中使用过于频繁的**document.getElementById()**方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个参数。But比起DOM中的方法,青出于蓝而胜于蓝.你可以传入**多个id作为参数**然后$()返回一个**带有所有要求的元素的一个Array对象**.

> prototype.js框架  
> [http://www.cnblogs.com/thinhunan/archive/2006/04/01/DeveloperNotesForPrototype.html][http_www.cnblogs.com_thinhunan_archive_2006_04_01_DeveloperNotesForPrototype.html]

--------------------

*  解释:

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8"/>
            <title>JackDan9 and Page</title>
            <script type="text/javascript" src="js/base.js"></script>
            <script type="text/javascript" src="js/demo.js"></script>
        </head>
        <body>
            <div id="box">id</div>
            <input type="radio" name="sex" value="男" checked="checked"/>
            <p>Blog</p>
        </body>
    </html>

*  第一段为HTML5的代码,不是重点,不过多解释了.
 *  第二段为JavaScript代码,
 *  第一个window.onload() function可以执行,至于为什么是因为支持JavaScript-DOM，效果如下:  
    ![TESTing1][]
 *  第二个window.onload() function的第一个语句可以执行,第二个语句无法执行  
    效果如下:  
    ![TESTing2][]  
    ![TESTing3][]  
    ![TESTing4][]  
    大家可能注意到了,这里我在base.js中定义了function $(id),如果没有定义了,效果如下:  
    ![TESTing5][]  
    **why?**  
    可以参见以上网址中的内容,这里不过多阐述了.
 *  第三个window.onload() function中的效果如下:  
    ![TESTing5][TESTing5 1]  
    至于原因图片已经给出了,没有定义Base.$，如果想要打印输出结果的话就需要在Base里面写入这个function
 *  第四个window.onload() function中的效果如下:  
    ![TESTing6][]

--------------------

> JackDan9 Thinking

[http_www.cnblogs.com_thinhunan_archive_2006_04_01_DeveloperNotesForPrototype.html]: http://www.cnblogs.com/thinhunan/archive/2006/04/01/DeveloperNotesForPrototype.html
[TESTing1]: /images/20220716/5813abc5082741c3af063ff8ebc782a4.png
[TESTing2]: /images/20220716/50124a2d35e04acb8708e58870cb48c7.png
[TESTing3]: /images/20220716/cb383be40ed748cb9ee19c8b53c5c1bf.png
[TESTing4]: /images/20220716/c8984fc0f1284c279f89683c5aa5ef7e.png
[TESTing5]: /images/20220716/a9de0de1ff134e89b791bb8c334bff56.png
[TESTing5 1]: /images/20220716/c281d0bfb6b24af782294ca03c825333.png
[TESTing6]: /images/20220716/492bb3d0bded418bb050563a639c2d42.png