脚本部分：

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. 【微信平台&后台管理】第一个外包项目：XX科技城微信平台项目总结

    苍天有眼啊,学了半年的网站开发终于派上用处,终于能赚钱了啊. 这个项目是和学长一起做的,项目的甲方是大庆某房地产土豪,项目要求就是搭建一整套的微信平台和微信平台管理系统,具体要求就是:回复关键字能拿到 ...

  2. ThinkPHP目录结构

    ThinkPHP框架目录结构 文件路径 文件描述 \index.php 入口文件 \Application 应用目录 \Public 资源文件目录 \ThinkPHP 框架核心目录   \Applic ...

  3. oracle 归档/非归档

    1.查看oralce是归档模式还是非归档模式 SQL> select name,log_mode from v$database; NAME LOG_MODE------------------ ...

  4. git的初步使用

    1.在GitHub上建立项目登录GitHub后,你可以在右边靠中那里找到一个按钮“New Repository”,点击过后,填入项目名称.说明和网址过后就可以创建了,然后会出现一个提示页面,记下类似g ...

  5. iOS学习之UI可视化编程-XIB

    一.Interface Builder可视化编程 1.Interface Builder简介: GUI:图形用户界面(Graphical User Interface,简称GUI,又称图形用户接口)是 ...

  6. (转)Docker常用命令

    1. 查看docker信息(version.info) # 查看docker版本 $docker version # 显示docker系统的信息 $docker info 2. 对image的操作(s ...

  7. 003--VS2013 C++ 多边形绘制

    //全局变量HPEN hPen;HBRUSH hBru;POINT poly1[6], poly2[5], poly3[5]; //---------------------------------- ...

  8. [小技巧]初次接触 SSIS Package 的一点总结

    1 动态改变数据源 package从创建到调试到测试到生产环境,往往需要运行在不同的服务器上.我们可以定义Environment和Server两个变量,一个用于改变 Server,一个用于接收实际Se ...

  9. QWidget设置为模态问题

    设置QWidget的Qt::WindowModality属性为Qt::WindowModal和Qt::ApplicationModal,发现窗体仍然不会模态,网上查了一下,有人说改属性只对window ...

  10. java中字符串String 转 int(转)

    java中字符串String 转 int String -> int s="12345"; int i; 第一种方法:i=Integer.parseInt(s); 第二种方法 ...