HTML 中点击<a>标签,页面跳转执行过程

HTML链接使用的是<a>标签

点击超链接,后台的执行大致如下:

<a href="https://www.baidu.com">超链接</a>

根据链接地址看出,执行的是https协议

点击超链接,首先在本地的hosts文件(C:\Windows\System32\drivers\etc\hosts)中查找是否有与网址匹配的ip

如果没有, 跳转到网上查找网上dns,然后返回ip,接着跳转到相应的页面
//代码解释$("a").click(function(){

   if(本地的hosts匹配ip成功){

    跳转到ip对应的网址;

   }else if(网上DNS匹配ip成功){
    跳转到ip对应的网址;
   }
});
时间: 2024-10-10 11:44:12

HTML 中点击<a>标签,页面跳转执行过程的相关文章

JS中点击a标签不跳转

在开发中发现,使用如下方式的链接. 在Chrome中点击后不会做任何跳转或者打开新标签页,但在Firefox下会新开标签页.<a href="JavaScript:void(0);" target="_blank">test</a> 后经查找资料,发现需如下解决.通过 false;" href="javascript:void(0);" target="_blank">test</

安卓下点击a标签不跳转;点击a标签在手机真机上会调出手机键盘的解决办法

安卓下点击a标签不跳转的解决办法,是不用href做跳转的链接,改为用JS控制跳转 1 <a href="javascript:;" ontouchstart="window.location.href='https://www.baidu.com/'"><img src="xxx"></a> 这样写虽然解决了安卓下点击a标签不跳转的问题,但还是没有解决点击a标签,在手机真机上会调出手机键盘的行为 不过将a标签换

Vue -- element-ui el-table 点击tr项页面跳转,返回后缓存回显点击项

页面跳转反显 点击table tr项后,页面跳转到下级页面,返回回显搜索条件.当前页码.并将点击项select选中.滚动条也被记录回显跳转时滚动的位置 思路: 页面临时缓存我选择使用sessionStorage,点击tr行将搜索条件和页码,点击行的id进行存储 data(){ return { } } setSessionStore (name, content) { if (!name) return if (typeof content !== 'string') { content = J

点击事件然后页面跳转到指定DOM元素的位置

设置一个函数,执行函数滚动条自动拖动,页面跳转到指定DOM元素的位置. 实现方式很简单,首先引入animatescroll.js文件(要先引入JQuery),然后 $('#id').animatescroll(); 即可调到指定DOM元素在页面的位置. 为方便可以编写一个函数,传入DOM元素的ID function jumpTo(id){ $("#"+id).animatescroll(); } 附animatescroll.js /* 使用方法: $("#id")

使用iframe,注销以后,点击某个标签,跳转到的登录页面位于标签中

当使用iframe时,要么会话过期,要么手动注销,如果此时再进行操作,可能遇到跳转到登录页面,可是登录页面会位于标签执行,并没有全屏显示,即位于当前的iframe中,此时的解决方式很简单,只需要在登录页面添加以下javascript代码: <script> if(window != top) { top.location.href = location.href; } </script>

easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数

easyui中使用比较多的就是datagrid了,表格中添加连接,点击跳转,为比较常用的方式;往往在点及标签后调用getSeleted方法会失效; 一.初始代码: {field: 'id',title : '操作',align: 'center',width:'10%', formatter:function(value,row){ return  "<a onclick='show()' > 查看 </a>"; } }, function show(){ va

jQuery插件--zTree中点击节点实现页面跳转时弹出两个页面的问题

这是第一次使用zTree,所以在使用之前我要先写一个demo来学习一下.我们要注意的是,zTree是一个jQuery插件,所以我们在导入zTree的js文件之前要先导入jQuery的js文件. 我们先下载zTree,点击我跳转到一个网站进行下载 代码直接贴出来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link

点击按钮实现页面跳转

•前言 通过学习 drawable resource file,我学会了如何使 button 更加美观: 圆角,按压颜色变化,渐变色.......... 这次,记录一下如何在点击按钮的时候实现颜色跳转. •步骤 首先,在 activity_main.xml 中创建一个 Button 组件,并设置其 id 为 btn_1: 在 MainActivity.java 中创建一个 Button 变量 Btn1: 通过 findViewById(R.id.btn_1) 找到 btn_1 这个组件: 创建一

点击a标签页面加载效果

<!DOCTYPE html> <html> <head> <style type="text/css"> /*data loading*/ #nprogress { pointer-activities: none } #nprogress .bar { background: #a0ce4e; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2p