JavaScript方法和技巧大全

本文详细介绍JavaScript的基础知识及各种实用技巧,包括创建脚本、定义变量、字符串操作等,并涵盖表单处理、图像操作、窗口管理和框架应用等多个方面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

导读:
  这篇介绍JavaScript方面的日志,我在是Clang上看到的。作者介绍挺全面的,所以转载过来让感兴趣的朋友看一下。呵呵~~~
  有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才越来越觉得JavaScript远比我想象的复杂和强大,我开始崇拜它,就像崇拜所有OOP语言一样~
  趁着节日的空隙,把有关JavaScript的方法和技巧整理下,让每个在为JavaScript而烦恼的人明白,JavaScript就这么回事!并希望JavaScript还可以成为你的朋友,让你豁然开朗,在项目中更好的应用~
  适合阅读范围:对JavaScript一无所知~离精通只差一步之遥的人
  基础知识:HTML
  JavaScript就这么回事1:基础知识
  1 创建脚本块
  1:
  
  2 隐藏脚本代码
  1:

  在不支持JavaScript的浏览器中将不执行相关代码

  3 浏览器不支持的时候显示

  1:

  

  4 链接外部脚本文件

  1:

  5 注释脚本

  1: // This is a comment

  2: document.write(“Hello”); // This is a comment

  3: /*

  4: All of this

  5: is a comment

  6: */

  

  6 输出到浏览器

  1: document.write(“ Hello”);

  

  7 定义变量

  1: var myVariable = “some value”;

  

  8 字符串相加

  1: var myString = “String1” + “String2”;

  

  9 字符串搜索

  1:

  

  10 字符串替换

  1: thisVar.replace(“Monday”,”Friday”);

  11 格式化字串

  1:
  
  12 创建数组
  1:

  

  13 数组排序

  1:

  

  14 分割字符串

  1:

  

  15 弹出警告信息

  1:

  

  16 弹出确认框

  1:

  

  17 定义函数

  1:

  

  18 调用JS函数

  1: Link text

  2: Link text

  

  19 在页面加载完成后执行函数

  1:

  2: Body of the page

  3:

  20 条件判断

  1:

  

  21 指定次数循环

  1:
  
  22 设定将来执行
  1:
  
  23 定时执行函数
  1:
  
  24 取消定时执行
  1:
  
  25 在页面卸载时候执行函数
  1:
  2: Body of the page
  3:
  JavaScript就这么回事2:浏览器输出
  26 访问document对象
  1:
  
  27 动态输出HTML
  1:
  28 输出换行
  1: document.writeln(“ a”);
  2: document.writeln(“b”);
  
  29 输出日期
  1:
  
  30 指定日期的时区
  1:
  31 设置日期输出格式
  1:
  32 读取URL参数
  1:
  
  34 页面跳转
  1:
  
  35 添加网页加载进度窗口
  1:
  2:
  3:
  6: The Main Page
  7:
  8:
  9:

This is the main page


  10:
  11:
  
  JavaScript就这么回事3:图像
  
  36 读取图像属性
  1:
  2: Width
  3:
  37 动态加载图像
  1:
  38 简单的图像替换
  1:
  7:
  8: onMouseOut=”document.myImage.src = defaultImage.src;”>
  9:
  39 随机显示图像
  1:
  40 函数实现的图像替换
  1:
  14:

  15: onMouseOut=”document.myImage1.src = rollImage1[source].src;”>
  16:
  17:

  41 创建幻灯片
  1:
  JavaScript就这么回事4:表单
  还是先继续写完JS就这么回事系列吧~
  43 表单构成
  1:

  2:
  3:
  •   4:
  •   5:
  •   6:
      7:

      8:
      9:

  •   44 访问表单中的文本框内容
      1:

      2:
      3:

      4: Check Text Field
      45 动态复制文本框内容
      1:

      2: Enter some Text:

      3: Copy Text:
      4:

      5:   6: document.myForm.myText.value;”>Copy Text Field
      46 侦测文本框的变化
      1:

      2: Enter some Text:
      3:

      47 访问选中的Select
      1:

      2:
  •   3:
  •   4:
  •   5:
  •   6:
      7:

  •   8: Check Selection List
      48 动态增加Select项
      1:

      2:
  •   3:
  •   4:
  •   5:
      6:

  •   7:
      49 验证表单字段
      1:
      9:

      10: Text Field:
      11:

      12:

      50 验证Select项
      1: function checkList(selection) {
      2: if (selection.length == 0) {
      3: window.alert(“You must make a selection from the list.”);
      4: return false;
      5: }
      6: return true;
      7: }
      51 动态改变表单的action
      1:

      2: Username:

      3: Password:

      4:
      5:
      6:
      7:

      52 使用图像按钮
      1:

      2: Username:

      3: Password:

      4:
      5:

      6:
      53 表单数据的加密
      1:
      18:

      19: Enter Some Text:
      20:

      
      JavaScript就这么回事5:窗口和框架
      54 改变浏览器状态栏文字提示
      1:
      55 弹出确认提示框
      1:
      56 提示输入
      1:
      57 打开一个新窗口
      1: //打开一个名称为myNewWindow的浏览器新窗口
      2:
      58 设置新窗口的大小
      1:
      59 设置新窗口的位置
      1:
      60 是否显示工具栏和滚动栏
      1:
      62 加载一个新的文档到当前窗口
      1: Open New Document
      63 设置页面的滚动位置
      1:
      64 在IE中打开全屏窗口
      1: Open a full-screen window
      65 新窗口和父窗口的操作
      1:
      6: 在新窗口中关闭父窗口
      7: window.opener.close()
      66 往新窗口中写内容
      1:
      67 加载页面到框架页面
      1:
      2:
      3:
      4:
      5: 在frame1中加载frame2中的页面
      6: parent.frame2.document.location = “135b.html”;
      68 在框架页面之间共享脚本
      如果在frame1中html文件中有个脚本
      1: function doAlert() {
      2: window.alert(“Frame 1 is loaded”);
      3: }
      那么在frame2中可以如此调用该方法
      1:
      2: This is frame 2.
      3:
      69 数据公用
      可以在框架页面定义数据项,使得该数据可以被多个框架中的页面公用
      1:
      4:
      5:
      6:
      7:
      这样在frame1和frame2中都可以使用变量persistentVariable
      70 框架代码库
      根据以上的一些思路,我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
      1:
      2:
      3:
      4:
      5:

    本文转自
    http://www.knowsky.com/340465.html
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值