`

JS入门第一篇——引入自己写的JS文件

 
阅读更多

[我有废话要说]
    说第一篇，其实也不是，2年前7个月前，去PA实习的时候用过2个月左右的JS。现在开始重新用JS了，以前的存JS的脑细胞都死得差不多了，现在记下来，免得历史再重演。

[正文——我要写个公共的]
     需求： 写一个公共的js文件，供别人调用，只需要别人把组件的id传进来，我的公共方法就取得该组件value，然后干些见的人见不得人的事。

 

bb.js文件

function fun(v) {
		var bb=$(v).value;
		window.alert(v+" = "+bb);
		window.alert('end');	
}

调用 bb.js的aa.html文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <script language="javascript" type="text/javascript" src="bb.js"></script>
   <script language="javascript" type="text/javascript" src="util.js"></script>
  </head>
  
  <body>
 this is my firt page
 <form name="form">
 <input type="text" id="tag" name="tag" />
 <input type="button" name="确认" value="verify" onclick="fun('tag')" />
 </form>
 </body>
</html>
 

点击"确认"，显示了传入的输入框的名字和用户在输入框中输入的值。

在fun这个函数中，可以对bb做任何操作了。

 

[滴水穿石——第一次用util.js]

1：$()函数时util.js文件中定义的，根据id名字取得对象。util.js是DWR中的（这是啥我也不知道，下次再看看）。

 

分享到：
| Spring Security的filter配置及说明
评论
1 楼 cnm 2012-03-23  
共和国[b][/b]
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5+CSS3+JS入门教程 + 源代码 pdf

    这篇教程结合源代码，旨在帮助初学者快速入门这三门语言，并掌握实际开发技能。 HTML5（HyperText Markup Language 5）是最新版本的HTML标准，它在原有基础上增加了许多新的元素和属性，提高了对多媒体的支持，简化...

    Html+Css+Javascript从入门到精通.pdf

    - **简单示例**：编写第一个JavaScript程序。 **第十七章：JavaScript基本数据结构** - **代码嵌入方法**：将JavaScript代码嵌入HTML文档。 - **数据类型**：包括数字、字符串、布尔值等。 - **变量声明**：定义...

    HTML５＋ｃｓｓ３＋ｊａｖａｓｃｒｉｐ从入门到项目实践——案例源码.rar

    根据提供的压缩包文件名称列表，我们可以推测每个"chXX"代表一个章节，比如"ch05"可能是第五章的内容。这些章节可能涵盖了HTML5的新特性讲解、CSS3的样式设计以及JavaScript的编程实践，包括基础语法、事件处理、DOM...

    javascript初学教程 多本 pdf

    1. **第1章 JavaScript语言概述**：这一章通常会介绍JavaScript的历史背景，它的应用领域，以及它与HTML和CSS的关系。还会讲解JavaScript的运行环境，如浏览器中的JavaScript引擎，以及如何在网页中引入JavaScript...

    nodejs 入门.pdf

    #### 五、第一个Node.js程序——“Hello World” 1. **脚本模式**：编写一个简单的 JavaScript 文件，如 `helloworld.js`，其中包含 `console.log("Hello World");`，然后通过命令行执行 `node helloworld.js`。 2. ...

    Web编程入门经典——HTML、XHTML和CSS（第2版）

    《Web编程入门经典——HTML、XHTML和CSS（第2版）》这本书是学习Web开发的基础教程，旨在为初学者提供全面深入的HTML、XHTML和CSS知识，帮助读者掌握构建网页的基本技能。下面，我们将深入探讨这些核心知识点，以便...

    从零开始学JavaScript 源代码

    第一篇 JavaScript入门篇 第1章 初步了解JavaScript 1.1 JavaScript是什么 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程...

    Javascript从入门到实践

    5. 函数：JavaScript中的函数是第一类对象，可以赋值给变量、作为参数传递、作为返回值。函数定义使用`function`关键字。 6. 对象：对象是键值对的集合，键是字符串，值可以是任意数据类型。可以使用对象字面量语法`...

    JavaScript与JScript从入门到精通

    函数在JavaScript中是第一类公民，可以作为值赋给变量、作为参数传递、甚至作为返回值。JavaScript还支持闭包，这是一种强大的特性，可以用来创建私有变量或实现模块化。 在面向对象编程方面，JavaScript采用原型...

    2024版JavaScript+Vue入门

    ##### 1.1.1 第一种定义格式 ```javascript function 函数名(参数1, 参数2, ...) { // 要执行的代码 } ``` 由于JavaScript是一种弱类型语言，因此： - **形式参数**不需要声明类型。 - **返回值**也不需要声明...

    JavaScript基础入门

    **2.1 编写第一个JavaScript程序** - **程序结构：** - 简单的JavaScript程序通常包括变量声明、函数定义、条件语句等基本元素。 - 示例：使用`console.log()`打印一条消息至控制台，是最常见的入门示例。 - **...

    JavaScript入门到精通.txt

    了解JavaScript的基本概念是学习这门语言的第一步。 ### JavaScript基本语法与数据类型 1. **变量声明**：在JavaScript中，可以使用`var`、`let`或`const`关键字声明变量。 - `var`：声明全局变量或局部变量，...

    【JavaScript源代码】一篇文章带你入门和了解Jquery的基础操作.docx

    【JavaScript源代码】这篇文章主要介绍了JavaScript的库——jQuery的基础操作，包括如何引入jQuery库、jQuery对象与JavaScript对象的转换、jQuery的基本选择器、层级选择器、过滤选择器、属性选择器以及文档处理方法...

    html课件——html概述

    学习HTML时，可以参考一些经典的教材，例如《动态网页设计与制作—— CSS+JavaScript》、《HTML、CSS、JavaScript标准教程（第2版）》、《JavaScript入门经典（第4版）》、《JavaScript高级程序设计》以及《XML入门...

    小程序精选源码——图片展示.rar

    1. `pages`：这个目录下包含了小程序的所有页面文件，每个页面都有自己的js、json、wxml和wxss文件，分别对应页面逻辑、页面配置、页面结构和页面样式。在这个案例中，图片展示的页面应该会包含图片的加载、展示以及...

    JavaScript：前端框架入门：React基础

    #### 二、创建第一个React应用 ##### 3.1 创建组件 React应用的核心是组件。让我们创建一个简单的组件来显示问候信息： ```javascript // src/components/HelloWorld.js import React from 'react'; function ...

    最新版axios入门教程——15.15-axios发送请求过程详解(Av756328321,P15).rar

    这篇最新的 Axios 入门教程深入讲解了 Axios 发送请求的过程，旨在帮助初学者快速掌握这一强大的工具。 首先，我们了解 Axios 的基本用法。在 JavaScript 中，你可以通过 `import` 或 `require` 来引入 Axios。例如...

    Qt5.9.2+VS2017入门实例——透彻解析（对应代码）

    首先，安装Qt5.9.2和Visual Studio 2017集成是入门的第一步。你需要下载Qt的安装包，并确保在安装过程中选择Visual Studio的适配器。这样，Qt的库和开发工具会与Visual Studio无缝集成，使得创建和运行Qt项目变得...

    open flash chart 学习笔记之入门

    运行示例文件前，检查HTML文件中的链接，包括JavaScript文件（如swfobject.js）和SWF文件的路径。一旦发现错误，记得调整路径以确保正常运行。例如，3.html中可能会遇到因路径错误导致的加载失败问题，修正路径即可...

Magicbox
Global site tag (gtag.js) - Google Analytics