脚本部分：

function school(sName,sDddress,sPhone,sMail)

{

    this.SName = sName;

    this.SAddress = sDddress;

    this.SPhone = sPhone;

    this.SMail = sMail;

    this.parmsArray = new Array("test1", "test2", "test3", "test4");

    this.index = 0;

    this.SInfomation = ShowInfomation;

    this.trades = CreateSort;

    this.SAnchorUrl = AnchorUrl;

}

function ShowInfomation()

{

    var msg = "";

    msg += "学校名称：" + this.SName + "\n";

    msg += "学校地址：" + this.SAddress + "\n";

    msg += "学校电话：" + this.SPhone + "\n";

    msg += "电子邮件：" + this.SMail;

    window.alert(msg);

}

function CreateSort()

{

    var objArray = new Array("一年级",

                             "二年级",

                             "三年级",

                             "四年级",

                             "五年级",

                             "六年级");

    objArray.sort(function (arg1, arg2) {

        if (arg1.length > arg2)

            return false;

        else

            return true;

    });

    window.alert(objArray.join(","));

}

function AnchorUrl()

{

        if (this.index < 3)

            this.index++;

        else

            this.index = 0;

        window.location.hash = this.parmsArray[this.index];

}

HTML部分：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

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

    <script type="text/javascript">

        var mySchool = new school("郑州大学",

                                  "郑州高科技开发区",

                                  "0373-2323423232",

                                  "zzu@zzu.edu.cn");

    </script>

    <style type="text/css">

        p

        {

            height: 500px;

            text-align: center;

            line-height: 500px;

            border: solid 2px #000;

            font-size: 40px;

            font-weight: bolder;

        }

    </style>

</head>

<body>

    <center>

<p><b>锚点间跳转实例</b></p>

<p><a id="test1">test1</a></p>

<p><a id="test2">test2</a></p>

<p><a id="test3">test3</a></p>

<p><a id="test4">test4</a></p>

<form name="MyForm">

<input type="button" name="MyButton" value="使用hash 进行锚点转换"

onclick="mySchool.SAnchorUrl()"><br>

</form>

</body>

</html>

JavaScript面向对象+Array的用法及字符串组合+动态建立锚点的更多相关文章

  1. javascript面向对象属性函数用法(defineProperty与getOwnPropertyDescriptor)

    defineProperty用于设置一个对象的属性描述符,属性描述符有4个:[[Configurable]], [[Enumerable]], [[Writable]],[[Value]] 当一个属性 ...

  2. JavaScript面向对象轻松入门之综合

    javascrpit面向对象之综合   这一章是对前几章的一个总结,通过一个案例来综合认识javascript面向对象的基本用法   需求: 几乎所有的web应用都需要保存数据一些到本地,那么我们就来 ...

  3. javascript array类型用法

    javascript高级编程-Array引用类型用法总结  2016-09-17   |    357 引用类型-Array类型 引用类型是一种数据结构,用于将数据和功能联系起来. 创建对象的方式: ...

  4. JavaScript八张思维导图—字符串用法

    JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...

  5. 【转】javascript面向对象编程

    摘要:本文本来是想自己写的,奈何花了好长时间写好之后忘记保存,还按了刷新键,一键回到解放前,索性不写了,所以本文是转载的. 面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化. ...

  6. 深入解读JavaScript面向对象编程实践

    面向对象编程是用抽象方式创建基于现实世界模型的一种编程模式,主要包括模块化.多态.和封装几种技术.对JavaScript而言,其核心是支持面向对象的,同时它也提供了强大灵活的基于原型的面向对象编程能力 ...

  7. 第一百零九节，JavaScript面向对象与原型

    JavaScript面向对象与原型 学习要点: 1.学习条件 2.创建对象 3.原型 4.继承 ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP).面向对象的语言有一个标 ...

  8. JavaScript面向对象小抄集

    前言 本文旨在记录JavaScript中面向对象的基础知识 搞明白JavaScript中的面向对象 一切都是对象 JavaScript中,除了基本类型外,其它类型都是对象类型 所谓对象就是若干属性的集 ...

  9. 全方位深入理解JavaScript面向对象

    JavaScript面向对象程序设计 转载:https://blog.csdn.net/lihangxiaoji/article/details/79753473#72__871 本文会碰到的知识点: ...

随机推荐

  1. 一幅图证明chrome的由来和目的

  2. 【PHP】PHP中的类与对象

    面向对象并不是PHP的关键,但PHP确实能很好的支持面向对象编程,而且类与对象也成为了PHP5的核心组成部分.PHP的面向对象特性让构建大型的复制应用成为可能,有了类与对象,就自然产生了各种编程范式和 ...

  3. 微软TTS尝试系列之开篇杂谈（仅思路）

    第一次写博客,不知道如何下手,思路也乱,就先聊聊怎么进的园子吧,但愿不会浪费大家太多的宝贵时间>_<. 与博客园结缘应该是大三刚开始的时候.当时学校教务处想开发一个教务安排系统,为了省钱就 ...

  4. java解析XML几种方式

    第一种:DOM. DOM的全称是Document Object Model,也即文档对象模型.在应用程序中,基于DOM的XML分析器将一个XML文档转换成一个对象模型的集合(通常称DOM树),应用程序 ...

  5. css权重及优先级问题

    css权重及优先级问题 几个值的对比 初始值 指定值 计算值 应用值 CSS属性的 指定值 (specified value)会通过下面3种途径取得: 在当前文档的样式表中给这个属性赋的值,会被优先使 ...

  6. Android--从相册中选取照片并返回结果

    启动系统相册去选择图片 //从相册中选取的方法 private void selectPhoto(){ Intent intent = new Intent(Intent.ACTION_PICK); ...

  7. poj 1383 Labyrinth

    题目连接 http://poj.org/problem?id=1383 Labyrinth Description The northern part of the Pyramid contains ...

  8. iOS UI高级之网络编程（HTTP协议）

    HTTP协议的概念 HTTP协议,Hyper Text Transfer Protocol (超文本传输协议)是用于从万维网服务器传送超文本到本地浏览器的传输协议,HTTP是一个应用层协议,由请求和响 ...

  9. 取精华、去糟粕！适合iOS开发者的15大网站推荐

    iOS开发者若想使技艺达到炉火纯青的地步,就要不断借鉴他人的有益经验,紧跟新兴科技和工具的步伐.除了Apple的开发者中心,其他网站上的文章和资源也具备参考价值,若能学得一二,必能锦上添花.不过,时间 ...

  10. Objective-C Foundation框架

    1.字符串 OC由两个字符串:NSString和NSMutableString,NSString代表字符序列不可变的字符串,而NSMutableString则代表字符序列可变的字符串. 1.1 创建字 ...