脚本部分：

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. static 与 final 修饰符

    A) 用static(静态)修饰属性:一个类生成了N个对象,这些对象会共同使用一份静态的成员变量.一个对象对这个成员变量进行修改,其他对象的该成员变量的值也会随之变化. B) 我们可以通过 类名.成员 ...

  2. OracleINSERT提示IGNORE_ROW_ON_DUPKEY_INDEX

    OracleINSERT提示IGNORE_ROW_ON_DUPKEY_INDEX insert提示IGNORE_ROW_ON_DUPKEY_INDEX 在 insert into table a() ...

  3. CK表达式编辑器

    1.      什么是表达式编辑器? 这个工具允许技术员传入一系列的参数,由用户编辑一个公式返回一种特定的结果.之所以需要使用表达式编辑器,就是因为用户编辑的公式经常变,技术员无法想出一办法来适应用户 ...

  4. EMVTag系列11《电子现金发卡行授权码》

    按照银联个人化模板的建议,如卡片支持非接触快速支付应用(qPBOC),则推荐将电子现金授权码(9F74)作为qPBOC 应用AFL列表中的最后一条记录,且最后一条记录仅包含该数据元. 原因是:在某些情 ...

  5. Android--获取短信的内容，截取短信

    1.首先我们要写一个广播接收器,当我们的手机收到短信时,系统会自动发送一个广播,我们只需要接收到这条广播就可以了 2.在广播里面,我们重写的onReceive()方法,通过里面的Intent写到的Bu ...

  6. hdu 1872 稳定排序

    题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=1872 稳定排序 Description 大家都知道,快速排序是不稳定的排序方法.如果对于数组中出现的任 ...

  7. 人脸检测的API例子

    package cliu.TutorialOnFaceDetect; /* * MyImageView.java * Download by http://www.codefans.net * [AU ...

  8. jquery一个控件绑定多个事件

    jQuery("#id").bind("click mouseover",function(){})  // 两个事件中间有空格 $("p" ...

  9. CoreLocation简单应用

    1.获取locationManager let locationManager: CLLocationManager = CLLocationManager() 2.设置locationManager ...

  10. JavaScript构建（编绎）系统大比拼：Grunt vs. Gulp vs. NPM

    Nicolas Bevacqua进行了一个比较JavaScript构建(编绎)系统的任务.他对三巨头: Grunt, Gulp and NPM进行了比较,并讨论了每种的优缺点. By Nicolas ...