哗啦啦~我的处女作终于浮出水面了^ ^值得高兴一下，虽然参考了人家的代码。给我的感觉JS就是用来实现动态网页的，比如说弹出一个框框，然后调用JS，返回些东西。

1、打开新写好的页面a.html，弹出了这样一个对话框

　　

2、输入一些单词，用逗号分隔开

　　

3、最后得到的页面

　　

页面的代码如下：

<!DOCTYPE html>

    <head>

        <title>案例1</title>

        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

        <script type="text/javascript">

            window.onload=function()

            {

                var keywordList=prompt("Ennter keywords,separated by commas","");

                var arrayList=keywordList.split(","); //调用string类分隔函数

                var resultString ="";

                for(var i=0;i<arrayList.length;i++)

                resultString+="keyword:"+arrayList[i]+"<br />";

                var blk=document.getElementById("result"); //得到元素的id

                blk.innerHTML=resultString;  //元素id为result的块会显示resultString的值

            }

        </script>

    </head>

    <body>

        <div id="result">

        </div>

    </body>

</html>

My First JS Page的更多相关文章

  1. angularjs 1 开发简单案例(包含common.js,service.js,controller.js,page)

    common.js var app = angular.module('app', ['ngFileUpload']) .factory('SV_Common', function ($http) { ...

  2. 微信小程序 --- 设置app.js/page.js参数的方法

    设置 app.js 文件: //app.js App({ globalData: { is_login:false, userInfo:{} } }) 设置gloabalData的方法: // 定义a ...

  3. js page click

     DataTables  Editor Your account: Login / Register Examples Manual Reference Options API Events Butt ...

  4. 微信小程序笔记<四>page.js —— 页面注册

    小程序的每个页面都是独立的,每个页面都必须有 page.js 和 page.wxhl 文件,page.json 和 page.wxss 文件非必要文件,注意如果创建 page.json 则至少保证有一 ...

  5. js ajax php分页组件

    github  https://github.com/lihefen/pageList html页面 <!DOCTYPE html><html><head>< ...

  6. JS之模板技术（aui / artTemplate）

    artTemplate是个好东西啊,一个开源的js前端模板引擎,使用简单,渲染效率特别的高. 我经常使用这个技术来在前端动态生成新闻列表,排行榜,历史记录等需要在前端列表显示的信息. 下面是artTe ...

  7. js学习笔记(一)

    1.数组实用方法大全 //给数组添加个方法,返回数组中的最大值 Array.prototype.max = function() { return Math.max.apply(null,this); ...

  8. Asp.Net网页头部动态加载标题、描述、关键字、css和js文件的方法

    首先head标签上添加runat="server". protected void Page_Load(object sender, EventArgs e) { Page.Tit ...

  9. 根据配置文件加载js依赖模块(JavaScript面试题)

    面试题目 根据下面的配置文件 module=[ {'name':'jquery','src':'/js/lib/jquery-1.8.3.js'}, {'name':'swfobject','src' ...

随机推荐

  1. CSS设计取消a标签的修饰，转为文本

    用法:text-decoration:none;修饰:text-decoration的用法:http://www.runoob.com/cssref/pr-text-text-decoration.h ...

  2. 【Xamarin】MonoTouch - iOS 使用 UIImagePickerController 打开图片库和相机选择图片修改头像

    Application tried to present modally an active controller <UIImagePickerController: 0x7b6ff400> ...

  3. ncdu 查找linux下最占空间的文件（交互式查询）

    安装 wget -c https://dev.yorhel.nl/download/ncdu-1.11.tar.gz tar xzvf ncdu-1.11.tar.gz cd ncdu-1.11 ./ ...

  4. log4j及其log4j2的使用

    简单的说 log4j2 是log4j2的升级版,据说采用了一些新技术(无锁异步.等等),使得日志的吞吐量.性能比log4j 1.x提高10倍,并解决了一些死锁的bug,而且配置更加简单灵活.其使用方式 ...

  5. jstl_fn方法库

    <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%> 1,st ...

  6. 读取zip文件，不解压缩直接解析，支持文件名中文，解决内容乱码

    使用ant.jar进行文件zip压缩 import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import j ...

  7. Tair ldb（leveldb存储引擎）实现介绍

    简介 tair 是淘宝自己开发的一个分布式 key/value 存储引擎. tair 分为持久化和非持久化两种使用方式. 非持久化的 tair 可以看成是一个分布式缓存. 持久化的 tair 将数据存 ...

  8. codeforces 985E Pencils and Boxes（dp+思维）

    E. Pencils and Boxes time limit per test 2 seconds memory limit per test 256 megabytes input standar ...

  9. ubuntu 14.04使用root登陆出现错误“Error found when loading /root/.profile”解决

    在刚修改完root权限自动登录后,发现开机出现以下提示: Error found when loading /root/.profile stdin:is not a tty ----........ ...

  10. php各版本编译好的扩展模块下载地址

    php各版本[,x86/64  v9/v11/v14  nts/ts]编译好的扩展模块下载地址: https://windows.php.net/downloads/pecl/releases/ ht ...