精华内容
下载资源
问答
  • 本文实例讲述了js实现一个链接打开两个链接地址的方法。分享给大家供大家参考。具体如下: [removed] <!-- function adClick(ad, site) { window.open(ad); [removed] = site; } --> [removed] <a> 一个...
  • [removed].pathname 比如: /windows/location/page.html 我想得到“windows”,请问用正则表达式怎么? [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
  • JS 修改a标签链接及文字

    万次阅读 2019-01-12 16:57:34
    DOM:Document Object Model ---&...页面的每个标签,都是一个元素(element),每个元素都可以看成是一个对象,每一个标签的属性都可以看做对象的属性 HTML代码部分如下: &lt;input type="button"...

    DOM:Document Object Model --->文档对象模型----操作页面的元素

    html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象

    页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象,每一个标签的属性都可以看做对象的属性

    HTML代码部分如下:

    <input type="button" value="显示效果" id="btn"/>
    <a id="ak" href="https://www.jiumodiary.com/">鸠摩搜书</a>

    JS部分代码如下:

    <script>
      //案例:点击按钮修改a标签的地址和热点文字
    
      document.getElementById("btn").onclick = function () {
        //根据id获取超链接,设置href属性
        var aObj = document.getElementById("ak");
        aObj.href = "http://www.baidu.com";
        //根据id获取超链接,设置文字内容
        aObj.innerText = "百度";
      };
    
    </script>

    说明:

    展开全文
  • index="1001" data-href="${createLink(controller: 'task', action: 'unassignedTaskList')}" href="#" class="J_menuItem" title="待办任务"></a> 在后台管理系统,点击iframe页面a链接,打开另外一个页签时...

    一、问题

    源码:
    
    <a data-index="1001" data-href="${createLink(controller: 'task', action: 'unassignedTaskList')}" href="#" class="J_menuItem" title="待办任务"></a>
        在后台管理系统中,点击iframe页面中的a链接,打开另外一个页签时,原则上是应该显示在同一个页面上,只是加载很多iframe窗口而已。
        问题:在打开一个iframe窗口时,同时跳转了一个新的页面
    

    二、经过

        为了使a链接不跳转页面,把href属性里面的值改为#,具体功能通过用js操作class名+data系列的属性来完成。功能实现了,但点击a时,同时又跳转了一个页面。
    

    三、结果

    <a data-index="1001" data-href="${createLink(controller: 'task', action: 'unassignedTaskList')}" href="javascript:void(0)" class="J_menuItem" title="待办任务"></a>
        把href="#"改为href="javascript:void(0)"。
    

    四、更有用的参考

        a链接不能跳转的很多写法:http://blog.csdn.net/lxn39830435731415926/article/details/46434177
        href=# 与 href=javascript:void(0) 区别:http://blog.csdn.net/fightplane/article/details/5190037
    
    展开全文
  • js 获取a标签被点击的链接,有多个a标签

    添加onclick事件,获取href属性就知道具体的url地址了
    <!DOCTYPE html>
    <html>
    <body>
    <script>
    function aclick(self){
       alert(self.href);
    }
    </script>
    <a href="baidu" οnclick='aclick(this)'>测试1</a>
    <a href="csdn" οnclick='aclick(this)'>测试2</a>
     
    </body>
    </html>


    如果是不想跳转的,加上return false

    <a href="qwer" οnclick="aclick(this);return false;">测试1</a>


    内容转自:https://zhidao.baidu.com/question/582967473.html

    展开全文
  • 请点击此处输入图片描述浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了,Firefox和Edge也...在这篇文章,我将向您展示如何编写一个JavaScript模块到一个文件,并在vue.js APP...

    593b00050e0719277f53

    请点击此处输入图片描述

    浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了,Firefox和Edge也将很快推出。

    如果您是一个vue.js用户,那关于JavaScript模块一个很酷的事就是他们允许您编写您的组件到自己的文件中而无需任何多余的构建步骤。

    在这篇文章中,我将向您展示如何编写一个JavaScript模块到一个文件中,并在vue.js APP中使用它。您可以在浏览器中就做到这一切而不需要Babel或者Webpack!

    当我说到“单文件组件”时,我所说的是一个JavaScript文件,它exports一个完整的组件定义。我说的不是您已经习惯使用的单一的.vue文件。对不起,如果您很失望的话,但我仍然认为这很酷,所以来看一下。

    项目配置

    让我们使用Vue-cli的simple模板来试试。没错,不需要WebPack;)

    $ vue init simple sfc-simple
    

    本教程完整的源代码在GitHub。(https://github.com/anthonygore/vue-single-file-js-components)

    切换到相应的目录并创建我们需要的文件:

    $ cd sfc-simple
    $ touch app.js
    $ touch SingleFileComponent.js
    

    从index.html中删除内联脚本,改为使用脚本标记链接到我们的模块。请注意type="module"属性:

    <!DOCTYPE html>
    <html>
    <head>
     <title>Vue.js Single-File JavaScript Component Demo</title>
         <script src="https://unpkg.com/vue"></script></head><body>
     <div id="app"></div>
         <script type="module" src="SingleFileComponent.js"></script>
         <script type="module" src="app.js"></script></body></html>
    

    创建单个文件JavaScript组件

    这是一个与您创建的任何其他组件一样的组件,因为它是一个模块所以只是export 配置对象:

    SingleFileComponent.js

    export default {
     template: `
       <div>
        <h1>Single-file JavaScript Component</h1>
        <p>{{ message }}</p>
       </div>  
     `,
     data() {
       return {
         message: 'Oh hai from the component'
       }
     }
    }
    

    现在我们就可以在Vue的应用中import并使用它了:

    app.js

    import SingleFileComponent from 'SingleFileComponent.js';
    
    new Vue({

     el: '#app',

     components: {

       SingleFileComponent

     }});

    index.html

    <div id="app">

     <single-file-component></single-file-component></div>

    应用程序中运行

    对于像这样的一个简单项目,您只需要在命令行上使用HTTP服务器模块的静态服务器即可:

    # This will serve the project directory at localhost:8080
    
    $ http-server

    要查看这个应用程序,您当然需要使用支持JavaScript模块的浏览器。我用的是Chrome 61。

    593f0000c82e9863fc88

    请点击此处输入图片描述

    回退处理

    如果用户的浏览器不支持JavaScript模块呢?对大多数用户来说是这只是暂时的。

    我们可以用nomodule属性脚本标签写的一个简单的错误信息的文件:

    <body>

     <div id="app">

       <single-file-component></single-file-component>

     </div>

     <script type="module" src="SingleFileComponent.js"></script>

     <script type="module" src="app.js"></script>

     <script nomodule>

       document.getElementById("app").innerHTML = "Your browser doesn't support JavaScript modules :(";

     </script></body>

    一个更好的办法,是使用WebPack打包这个项目。下面这个简单的配置将完成这项工作:

    var path = require('path')
    var webpack = require('webpack')
    module.exports = {

     entry: './app.js',

     output: {

       path: path.resolve(__dirname, './dist'),

       publicPath: '/dist/',

       filename: 'build.js'

     },

     module: {

       rules: [

         {

           test: /\.js$/,

           loader: 'babel-loader',

           exclude: /node_modules/

         }

       ]

     }}

    生成之后,可以将该包作为回退脚本加载:

    <body>

     ...   <script type="module" src="SingleFileComponent.js"></script>

     <script type="module" src="app.js"></script>

     <script nomodule src="/dist/build.js"></script></body>

    这WebPack版本将在不同浏览器中的原生模块支持。在这里,它是在Firefox中,注意build.js加载的并不是模块:

    59420000d874ce0db1fe

    请点击此处输入图片描述

    性能比较

    因为现在我们的应用程序的两个版本,一个使用本地JavaScript模块系统,另外一个使用Webpack,性能有什么差别吗?

     SizeTime to first meaningful paint
    JavaScript modules80.7 KB2460 ms
    Webpack83.7 KB2190 ms

    使用模块,系统可以提供较小的项目。然而,该项目的整体负载WebPack更快。

    注意:这些数字来自Lighthouse测试,其中有一个HTTP / 2服务器。

    我怀疑预加载会提高模块项目的速度,但是我们这么评判这项工作有点早。

    WebPack仍是模块架构的更好选择,但当它了解本地模块的话应该也会很高兴。

    ​汇智网小智翻译,文章来自vuejsdevelopers.com。汇智网提供vue.js 2、Angular 2 & 5、React 等最新在线课程,希望能给大家的学习带来帮助!


    分享最新的Vue.js 2 全家桶系列教程:

    1.vue.js 入门与提高: http://xc.hubwiz.com/course/592ee9b2b343f27b0ae1ba99

    2.vuex 2 入门与提高: http://xc.hubwiz.com/course/597d463fff52d0da7e3e397a

    3.vue-router 入门与提高: http://xc.hubwiz.com/course/5983d3aeff52d0da7e3e3d50

    4.vue.js 工程化实践: http://xc.hubwiz.com/course/598bad66c7fd1d49453979c9



    展开全文
  • 昨天在项目遇到一个关于js动态创建一个然后append到标签上显示的问题,发现添加到标签上无法显示,代码如下:   展示图片 .dialog { position: fixed; width: 700px; height: 700px; left: 50%; margin-...
  • a链接执行javascript的方法

    千次阅读 2018-08-22 18:42:50
    ,其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好...
  • 使用javascript:; <!-- --> 链接
  • JS 防止a链接跳转总结

    千次阅读 2018-08-06 21:35:05
    需要在a标签上添加click事件,并且跳转前处理一些事务,...void是一个操作符,void(0)返回undefined,地址不发生跳转 &lt;a href="javascript:;"&gt;百度&lt;/a&gt; 和上面相同,返回unde...
  • JS中配置打开邮箱的链接

    千次阅读 2019-10-25 11:48:50
    大家可以看到很多博客当中都有邮箱链接 比如打开一个链接,就会弹出邮箱。 这个的实现方式也比较简单,整理一下,怕忘记。 <a href="mailto: 942840260@qq.com">点击邮箱 </a> 其中mailto会自动查找本机...
  • js中如何通过正则表达式提取出一个网页a标签?? ``` const reg = '<a href="(.+?)">(.+?)</a>'; const result = response.data.match(reg); ``` 在上面代码,我通过response.data获取到网页的数据,...
  • 使用js模拟点击,点击a链接 $("#abc ").click(); 无效的解决方案 问题分析 点击A标签本身,并不会触发跳转到指定链接的事件,就是说,我们平时都是点击的A标签的文字了。 所以要想用JS模拟点击A标签事件,就得先...
  • js直接a跳转链接

    千次阅读 2019-07-06 17:43:23
    <div class="btn" id="fly-ajax"> <a href="http://www.baidu.com">Get home page source code of baidu.com</a> </div>
  • |\.|\/|\&amp;|-)+)/g; content = content.replace(regexp, function($url){ ...a href='" + $url + "' target='_blank'&gt;" + $url + "&lt;/a&gt;"; }); ...
  • 刷新页面通常是使用a链接js刷新,至于两者在使用的区别,在接下来的文章有详细的介绍,感兴趣的朋友可以了解下 1.a链接的使用操作: 返回上页 刷新当前页 #top的效果在我这没起作用,我直接的刷新当前...
  • JS:<a>链接禁止跳转

    千次阅读 2018-08-07 14:20:44
    那么方法是在点击(onclick)a链接时,通过一个方法实现图片变换 原代码为: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8...
  • 做项目的时候遇到这问题,,按理说只要是会套模板的,就不该出现这种低级问题。然后我的后台并没有模板,,并且我的js,jquery水平是小学水平,所以这...大致思路是先获取a链接的对象,然后进行循环,先取得a链接的h
  • 给定一个HTML文档,如何使用JavaScript创建链接,并将其添加到文档?下面本篇文章就来给大家介绍一下在HTML使用JavaScript创建链接的方法,希望对大家有所帮助。 做法: ● 创建一个锚<a>元素。 ●...
  • a&gt;download下载图片具有兼容性所以需做兼容处理,使其兼容IE,就比较完美了。2.最近有这方面的需求,从网上看了一些资料,拿过来不能直接使用,把他们整合了一下,作为笔记,方便自己以后使用,现在IE,Fire...
  • 刷新页面通常是使用a链接js刷新,至于两者在使用的区别,在接下来的文章有详细的介绍,感兴趣的朋友可以了解下1.a链接的使用操作:[html] view plain copy&lt;a href="javascript:history.go(-1);...
  • html a 链接的 download 属性的神奇使用一般来说,我们在页面提供下载的时候,都需要去配置一些服务端的东西,比如指定 zip 文件就通知浏览器下载这文件。但是,比如 .jpg 这样的图片文件,如何使它变成下载...
  • a链接后拼接多参数

    千次阅读 2019-09-04 18:28:04
    页面url后拼接参数 <a href="index.html?type=14&page=1&count=10">...js中url后拼接参数 var p=1 window.location.href="index.html?page="+p+'&count=10'+'&type=14' ...
  • a链接刷新页面与js刷新页面总结

    千次阅读 2013-08-26 10:20:25
    1、a链接的使用操作: 返回上页 刷新当前页 #top的效果在我这没起作用,我直接的刷新当前页倒是起作用了。   2.、JS怎么刷新当前页面 reload 方法,该方法强迫浏览器刷新当前页面。 语法:location....
  • 是为了 在点击此链接后回到页首,如果你href="#"那么点击后会回到页首,这样影响操作。  人员管理 ... href="#"是锚点,链接指向当前页面。  href="javascript:void(0);" 和 href="j
  • Html链接中javascript:void(0)

    千次阅读 2018-01-01 15:54:24
    在html使用a链接标签时常有下面这种写法<a href="javascript:void(0)">这是一个链接</a>当使用了javascript:void(0),点击这个标签就没有效果了,常常用来让a标签不响应点击。href是a标签的指向,常常是一个url,...
  • 本文将为大家介绍一个建立在「tensorflow.js」内核上的 javascript API——「face-api.js」,它实现了三种卷积神经网络架构,用于完成人脸检测、识别和特征点检测任务,可以在浏览器进行人脸识别。号外!号外!...
  • 禁用a链接

    千次阅读 2014-10-24 16:26:09
    在bootstrapa链接 加上 class=".btn" 时,给a链接 disabled 属性 可实现禁用 a 链接(包括 a链接的 onclick事件) 在平时应用 a 链接时,ie8 到 ie11 支持 disabled 属性,且 可以 禁用 a 链接(包括 a链接的 ...
  • 今天无意发现这个么问题,页面上对所有A标签的href属性为空的自动添加一个链接地址,结果发现if判断条件始终都没生效,莫名其妙。原来Javascript中 a.href 和 a.getAttribute(‘href’) 结果在某些情况下是不完全...
  • 不要用a链接来触发,改用div或者span。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 351,113
精华内容 140,445
关键字:

js中写一个a链接