精华内容
下载资源
问答
  • jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作Dom,处理事件,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数,而且...

    十二、jQuery相关

    jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作Dom,处理事件,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数,而且支持链式调用(连续调用)。

     

    可以下载jQueryjs文件通过script标签的src引入,也可以通过cdn加速器在线引入(<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    jQuery库只提供了一个叫jQuery的函数(jQuery中的$等价于jQuery),该函数中以及该函数的原型中定义了大量的方法,方便jQuery对象和jQuery函数调用。

    jQuery函数具有四种参数:

    $(“选择器”)jQuery函数通过选择器获取对应的Dom,然后将这些Dom封装到一个jQuery对象中并将jQuery对象返回

    $(Dom对象)jQuery函数将该Dom封装成jQuery对象并返回

    $(HTML文本字符串)jQuery函数会根据传入的文本字符串创建好HTML元素并封装成jQuery对象返回

    $(匿名函数)$(function(){})):当文档结构加载完毕之后jQuery函数调用匿名函数(window.onload = function(){}则是当文档全部加载完毕后调用匿名函数)

     

    jQuery对象是jQuery函数的一个实例,该对象可以调用jQuery原型中的方法,它是一个类数组对象,数组中存放的是Dom对象。Dom对象和jQuery对象是两种不一样的对象,jQuery对象是jQuery函数的实例,而Dom对象是Node的实例,它们所能调用的方法不同,但它们又具有一定的关联性,jQuery对象的类数组的元素为Dom对象,对jQuery对象的操作实际上就是对jQuery类数组中的Dom对象的批量操作。jQuery对象可以和Dom对象相互转化。

     

    对于jQuery相关的属性和方法可以参考jQuery的官方文档:

    https://api.jquery.com/(或https://www.jquery123.com/

     

    十三、Ajax相关

    Ajax的全称是AsynchronousJavaScript + XML,可见它并不是一个新技术,而是多个技术的一个组合。使用Ajax可以更方便更快捷的进行页面的局部更新。

    Ajax使用XMLHttpRequest对象与服务器进行交互,它能够发送和接收多种形式的数据格式。所谓异步即不需要更新整个页面就可以和服务器交换数据,更新局部页面。

    Ajax的基本应用(不考虑IE6):

    //获取XMLHttpRequest对象
    var httpRequest = new XMLHttpRequest();
    //监听就绪状态的改变
    httpRequest.onreadystatechange = function(){...}
    //发送请求
    httpRequest.setRequestHeader(‘Content-Type’,’application/x-www-form-urlencoded’);
    (或httpRequest.setRequestHeader(‘Content-Type’,’application/json’);)
    httpRequest.open(‘method’,’URL’,true/false);(设置为false时可以关闭自动转化)
    httpRequest.send(data);
    //处理响应信息(readyState就绪状态码说明略)
    httpRequest.onreadystatechange = function(){
        if(httpRequest.readyState === XMLHttpRequest.DONE){
            ...(无异常,接收成功)
        }else{
            ...(未接收)
        }
    }

     

    jQueryAjax的支持:

    $.ajax(URL [.settings]){...}用于执行一个异步的ajax请求,settings是一个对象,用于配置信息,方法体内容也用于配置各种信息:

    async //是否异步,默认为true

    method //请求方式,”GET”/”POST”

    contentType //参数类型,默认为querystring(查询字符串)//默认值application/x-www-form-urlencoded//如果参数为json,要改为application/json

    processData //数据转换,boolean值,默认将data转换为查询字符串//如果要转换为json将其设置为false

    data //对象参数//如果参数为json,则可通过JSON.stringify(对象)处理

    dataType //数据类型,取值有responseType/json/xml/script...

    beforeSend //回调函数,在请求发送前调用

    complete //回调函数,请求接受后调用

    success //回调函数,请求成功后调用

    error //回调函数,请求错误调用

     

    速写方法:

    $.get(url[,data][,success][,dataType]){...}

    $.post(url[,data][,success][,dataType]){...}

     

    详细介绍可以参考jQuery的官方文档:

    https://api.jquery.com/(或https://www.jquery123.com/

     

    转载于:https://www.cnblogs.com/wodeqiyuan/p/11496434.html

    展开全文
  • IE不能执行JavaScript脚本

    千次阅读 2009-07-03 08:47:00
    不知道怎的,IE浏览不能执行网页Javascript脚本了,查看IE关于菜单,也看不到IE的版本信息,升级到IE7,故障依旧。试图怀疑是恶意软件所致,用360安全卫士、金山系统清理专家修复,也未有效。到网上找了一下,终于...

    不知道怎的,IE浏览器不能执行网页Javascript脚本了,查看IE关于菜单,也看不到IE的版本信息,升级到IE7,故障依旧。试图怀疑是恶意软件所致,用360安全卫士、金山系统清理专家修复,也未有效。

    到网上找了一下,终于找到解决办法:

    IE脚本模块出错,打开开始菜单>运行,依次运行以下命令:
    regsvr32 jscript.dll
    regsvr32 vbscript.dll

    展开全文
  • [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这样子功能是实现了,不过觉得有点不爽,必须借助HTML编辑才可,不过从全选HTML编辑的代码中,注意到了createTextRange()方法,这个方法以前就有用过,只是一直...
  • 1.JavaScript脚本语言 定义:javascript是一种简单的脚本语言,可以在浏览器中直接运行,  是一种在浏览器端实现网页与客户交互的技术javascript代码可  以直接运行在html网页中,它响应一系列的事件,当一个...

     接上:

    1.JavaScript脚本语言

    定义:javascript是一种简单的脚本语言,可以在浏览器中直接运行,

       是一种在浏览器端实现网页与客户交互的技术javascript代码可

       以直接运行在html网页中,它响应一系列的事件,当一个javascript

       函数响应一系列的事件,当一个javascript函数响应动作时,浏览

       器就执行对应的代码。

    基本用法:

      组成:

       数据类型:主要类型有int、float、string、boolean、null

       常量变量:(1)变量的声明:var 变量名=“值”

            (2)数组的声明:1.var array1=new Array();

            (3)运算符:算术运算符、逻辑运算符、关系运算符、字符串运算符、位操作运算符;

             (4)控制语句:if else

    函数的定义和使用:

    <script> 标记对封装代码,且必须放在<head> <head>之间,其语法格式:

     <head>

       <script language=“javascript”>

          function functionName(【parameter1,parameter2,。。。。】){

            //处理有关的语句;

          }

        </script>

        </head>

    2.javascript的事件  

      在浏览器中网页与客户的交互都是通过事件引发的,当一个事件发生时,

    例如:“用户单击某个按钮”浏览器认为在这个按钮上发生了一个click事件,

    然后根据该按钮所定义的事件处理函数,执行相应的javascript脚本。

      

    常用的事件、事件处理的函数列表

      事件        事件处理函数名        何时触发

      blur         onBlue          元素或窗口本身失去焦点时触发

      change        onChange         当表单元素获取焦点,且内容值发生改变时触发

      click        onClick          单击鼠标左键时触发

      keydown        onKeydown        键盘键被按下时触发,如果一直按着某键,则会不断触发

      select        onSelect         选中文本时触发 

      submit        onSubmit          单击提交按钮时,在<form>上触发

      unload         onUnload          页面完全卸载后,在window对象上触发

    2.2 在HTML中引用(指定)事件处理函数

      在HTML中指定事件处理程序,需要在html标记中添加相应的事件处理程序的属性,

    并在其中指定作为属性值的代码或是函数名。

      使用格式:

     <标签  各有关属性及其属性值  on事件名称=“函数名称(参数)”>

    例如:

    引发一个单击事件,该事件的处理函数名是onClick(),其要完成的功能是通过函数test()实现,

    而函数test()的功能是现实一个提示对话窗口(有window的alert方法完成)

    <html>
      <head>
       <title>单击按钮事件实例</title>
       <script language="javascript">
        function test(){
          window.alert("事件引发一操作,并成功执行了这个操作!!!");
        }
       </script>
       </head>
       <body>
        <form action="">
          <input type="Buttom" value="警告对话框" onclick="test()"><br/>
        </form>
       </body>
      </html>

     

    3.javascript的对象

      javascript中设有内置对象,常用的内置对象有String\Data\和浏览器

    的文档对象(window、navigator、screen、history、location、document)

      3.1 window对象属性的常用方法

        alert()         弹出一个警告对话框       

        comfirm()     显示一个“确认”对话框,单击“确认”按钮时返回true,否则返回false

        prompt()       弹出一个提示对话框,并要求输入一个简单的字符串

        setTimeout(timer)  在经过指定的时间后执行代码

        clearTimeout()        取消对指定代码的延迟执行

        setInterval()       周期执行指定的代码

        clearInterVal()      停止周期性的执行代码

    其中警告对话框window.alert()和window.confirm()是使用较多的

     

     

     

     3.2 location对象

      ·location对象实现网页页面的跳转。在html中使用aa来实现页面来跳转,

        在javascript中,利用location对象实现页面自动的跳转

      ·使用格式:

         window.location.href=“网页路径”

        例如:跳转到搜狐网页:window location href=“http://www.souhu.com”

    1.3 history 对象

     ·length属性     浏览历史记录的总数

     ·go(index)方法  从浏览历史中加载URL,index参数是加载URL的相对路径,

               index为负数时,表示当地址之前的浏览记录,index正数时,

               表示当前地址之后的浏览记录.

     ·forward()方法  从浏览历史中加载下一个URL,相当于history.go()

     ·back()方法     从浏览历史中加载上一个URL,相当于history.go(-1)

    例如:从当前网页,回退到刚访问过的上一个网页页面,需要语句为:

      window.history.back()或者 window.history.go(-1)

      3.4 document对象

      (1)或者表单域对象;通过表单访问和直接访问

        假设有以下表单:

        <form action="" name="form1">

          <input type="text" name="t1" value="">.

          </form>

    则可以通过以下方法获取输入域的对象:

    (3.4.1)通过表单访问:

      ·var fObj=document.form1.t1;      //form1为表单的名字,t1为某表单域的name值

      ·var fObj=document.form1.elements["t1"];  //form1为表单的名字,t1为某表单域的name值

      ·var fObj=document.forms[0].t1;   //不使用表单名字,采用表单集合,【0】表示第一个表单

    (3.4.2)直接访问:

      ·var fOb=document.getElementsByName("t1")[0];//通过名字访问,t1为某表单域的name值

      ·var fOb=document.getElementById("t1");  //通过id访问,t1为某表单域的id值

      ·var fOb=document.all("t1").value;   //通过名字访问,t1为某表单域的name值 

    转载于:https://www.cnblogs.com/qichunlin/p/7577541.html

    展开全文
  • JavaScript脚本(一)   一种基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言。 JavaScript与Java的区别体现在: 1)两种语言在其浏览器中所执行的方式不一样。 Java的源代码在传递到客户端执行...

    JavaScript脚本

     

    一种基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言。

    JavaScriptJava的区别体现在:

    1两种语言在其浏览器中所执行的方式不一样。

    Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。

    JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行

    2)两种语言所采取的变量是不一样的。

    Java采用强类型变量检查,即所有变量在编译之前必须作声明。JavaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。

    3)静态绑定和动态绑定。

    Java采用静态编译,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查,如不经编译则就无法实现对象引用的检

    查。

    JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查。

     

    全局变量:在函数外声明

    局部变量:在函数内声明

    全局变量可在整个脚本中被使用,可在不同的窗口中相互引用(指定窗口名)

     

    数组对象的三种方式:

    1fruit=new Array(3); // fruit=new Array();

    fruit[0]="苹果";

    fruit[1]="梨子";

    fruit[2]="橘子";

    2fruit=new Array("苹果","梨子","橘子");

    3fruit=["苹果","梨子","橘子"];

    • join([分隔符])数组元素组合为字符串 --默认是

    • toString()以字符串表示数组

    • reverse()数组反转

    • valueOf()返回数组值

     

    定时器:用以指定在一段特定的时间后执行某段程序。

    setTimeout():[定时器对象名=] setTimeout(“<表达式>”,毫秒)

    功能:执行<表达式>一次。

    setInterval():[定时器对象名=] setInterval(“<表达式>”,毫秒)

    功能:重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval。

    clearInterval():终止定时器

    clearInterval(定时器对象名)

     

    1. 在 js 中为某个对象(控件)绑定事件通常可以采取两种手段:

    1)<input type=”button” οnclick=”clickHandler();”>

    2)<input type=”button” id=”button1”>

       <script type=”text/javascript”>

          var v = document.getElementById(“button1”);

          v.onclick = clickHandler;

      </script>

    2.变量不定义在函数里面的一定是全局变量,如果在一个函数里面定义变量而不加上var,也就变成了全局变量。

    3.new出一个functions的对象---相当于java的类

    stu = new student()

    4.javascript是无类型的编程语言

    confirm---弹出一个窗口,有确定和取消

    window.location.href=“”;---相当于一个超链接

     

    2. 有两种类型的 cookie

    1) 持久性 cookie,会被存储到客户端的硬盘上。

    2) 会话 Cookie:不会存储到客户端的硬盘上,而是放在浏览器进

    程所处的内存当中,当浏览器关闭则该会话 cookie 就销毁了。

    3. 在 JavaScript 中,函数(function)就是对象。

    4. 在 JavaScript 中,没有方法(函数)重载的概念。

    5. 在 JavaScript 中有一个 Function 对象,所有自定义的函数都是

    Function 对象类型的。Function 对象接收的所有参数都是字符串类

    型的,其中最后一个参数就是要执行的函数体,而前面的参数则

    是函数真正需要接收的参数。

    6. 在 JavaScript 中,每个函数都有一个隐含的对象 arguments,表示

    给函数实际传递的参数。

    展开全文
  • 是一种运行在客户端的脚本语言 (Script 是脚本的意思)脚本语言:不需要编译,运行过程中由 js 解释( js 引擎)逐行来进行解释并执行现在也可以基于 Node.js 技术进行服务器端编程2 JavaScript的作用表单动态校验...
  • 1.JavaScript是基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言 JavaScript是一门解释性的语言——浏览器加载js文件,然后逐行执行JavaScript采用弱类型变量检查——变量在使用前不需要声明,由解释...
  • 它的解释被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 而JavaScript作为一门基于对象的语言,它...
  • JavaScript代码执行机制

    2018-05-27 18:45:27
    它的解释被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准,因此也称为ECMAScript。 一、代码块  JS中的...
  • JavaScript交互式网页设计1 JavaScript简介: JavaScript诞生于1995年,主要是进行用户输入的合法性验证。 JavaScript的概念: ...通常情况下JavaScript被称为Web脚本语言。...JavaScript脚本代码是从
  • (5)执行完毕,控制还给渲染引擎,恢复往下解析HTML网页 注: (1) js放在head中会立即执行,阻塞后续的资源下载和执行,如果外部脚本加载事件很长,就会造成网页长时间失去响应,浏览器成假死状态,这被称为...
  • 概念:javascript是一种轻型的、解释性的脚本语言,是一种由浏览器内解释器执行的程序语言 javascritpt脚本代码的位置: 1、html文件混合方式 <body> <script type="text/javascript"> document.write...
  • JavaScript/VB Script脚本程序一般有两种执行方式,一种是嵌入在宿主程序里面执行,比如在IE浏览里面执行;另外一种,在资源管理里面双击执行(虽然还是通过另外一个程序解释执行,但是给人的感觉毕竟是直接运行...
  • JavaScript/VB Script脚本程序一般有两种执行方式,一种是嵌入在宿主程序里面执行,比如在IE浏览里面执行;另外一种,在资源管理里面双击执行(虽然还是通过另外一个程序解释执行,但是给人的感觉毕竟是直接运行...
  • 这篇文章主要介绍了 JavaScript 判断页面加载完之后再执行预定函数的技巧 ,原理还是 利用监听监听元素事件被触发则执行函数 ,需要的朋友可以参考下 JavaScript 脚本语言的执行是需要触发的一般的做法就是在网页中...
  • 这篇文章主要介绍了 JavaScript判断页面加载完之后再执行预定函数的技巧 原理还是 利用监听监听元素事件被触发则执行函数 需要的朋友可以参考下 JavaScript脚本语言的执行是需要触发的一般的做法就是在网页中直接...
  • 一、F12打开调试工具,利用控制台运行JS脚本输入javascript:加上JS代码回车执行脚本二、通过浏览器收藏夹运行JS脚本以谷歌浏览为例,新建收藏夹,网址处填写JS代码,添加收藏以后,点击图标即可执行...
  • JavaScript

    2020-09-18 11:00:15
    脚本语言:不需要编译,运行过程中由js解释(js引擎)逐行来进行解释并执行 现在也可以基于Node.js技术进行服务器端编程 JavaScript有什么作用? 表单动效校验(密码强度检测)(js产生最初的目的) 网页特效 ...
  • 需要提出的一点是js是一门解释型的脚本语言,不像java那样需要编译器先将java源代码编译成.class的字节码文件,包含在中的代码将按照从上到下的顺序解释执行,在解释对中的代码解释完以前,页面其余部分的代码不会...
  • JavaScript基础

    2016-08-26 22:32:52
    [b]JavaScript 简介[/b] JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计...JavaScript 插入 HTML 页面后,可由所有的现代浏览器(浏览器带有JavaScript解析执行器JavaScript引擎)...
  • JavaScript引擎

    2020-08-07 14:15:32
    JavaScript引擎是一个专门处理JavaScript脚本的虚拟机,一般会附带在网页浏览器之中。 历史 在2008年到2009年的第二次浏览器大战之前,JavaScript引擎仅简单地被当作能阅读执行JavaScript源代码的直译。 第一个...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 220
精华内容 88
关键字:

网页javascript脚本执行器

java 订阅