ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

JS基础一

2022-06-03 13:03:00  阅读:130  来源: 互联网

标签:href 代码 基础 JS 源码 超链接 跳转


  <!-- JS代码的书写位置         1、可以将JS代码书写在script标签中         2、可以将JS代码写在标签的onclick属性中,当我们点击按钮时,JS代码才会执行         3、可以将JS代码写在超链接的href属性中,这些点击超链接时,会执行JS代码     --> tips:   1、可以在超链接的href属性中写上空的JS代码,用来实现超链接的不跳转    2、JS中严格区分大小写   3、JS中每一条语句以分号(;)结尾。如果不写分号,浏览器会自动添加,但是会消耗一些系统资源   代码截图:

 

 执行结果:

 

 源码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- JS代码的书写位置
        1、可以将JS代码书写在script标签中
        2、可以将JS代码写在标签的onclick属性中,当我们点击按钮时,JS代码才会执行
        3、可以将JS代码写在超链接的href属性中,这些点击超链接时,会执行JS代码
    -->
    <button onclick="alert('执行了JS代码')">按钮</button>
    <a href="javascript:alert('在超链接中执行JS')" rel="noopener noreferrer">超链接</a>
    <!-- 可以在超链接的href属性中写上空的JS代码,用来实现超链接的不跳转 -->
    <a href="javascript:;" rel="noopener noreferrer">无法跳转的超链接</a>
    
<script>
    // alert('执行了JS代码')
</script>
</html>

 

标签:href,代码,基础,JS,源码,超链接,跳转
来源: https://www.cnblogs.com/SadicZhou/p/16339835.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有