web新手求教 这个做出来的3个超链接点了为什么没反应

R的补 2019-04-02 09:11:46
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#div{
border:solid 1px #0033FF;
width:550px;
padding:20px;
}
#text{
margin-top:20px;
}
#cfdiv{
text-align: right;
/*调整宽度*/
width: 400px;
}
#cfdiv a:link,a:visited {
color:#0033FF;
text-decoration:none;
}
#cfdiv a:hover{
color:#FF6633;
}
</style>
<script type="text/javascript" src="jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a.#G").click(function(){
var divNode = document.getElementById("text");
divNode.style.fontSize=Font_Size[0].GREAT+"px";
}
$("a.#M").click(function(){
var divNode = document.getElementById("text");
divNode.style.fontSize=Font_Size[1].MEDIUM+"px";
}
$("a.#S").click(function(){
var divNode = document.getElementById("text");
divNode.style.fontSize=Font_Size[2].SMALL+"px";
}
var Font_Size= [
{GREAT:18},
{MEDIUM:16},
{SMALL:12}
];
}
</script>

</head>
<body>
<div id="div">
<div id=“title”>
<h1>Web程序设计</h1><hr/>
</div>
<div id="cfdiv">
<a href="javascript:void(0)" id="G">大字体</a>
<a href="javascript:void(0)" id="M">中字体</a>
<a href="javascript:void(0)" id="S">小字体</a>
</div>
<div id="text">
HTML CSS DOM JAVASCRIPT JQUERY<br />
</div>
</div>
</body>
</html>
...全文
197 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
R的补 2019-04-02
  • 打赏
  • 举报
 回复
引用 1 楼 scscms太阳光的回复:
$("a.#S") 中间多了一个点，应该是 $("a#S") 或者干脆就是 $("#S")
都试过了 都不行。
scscms太阳光 2019-04-02
  • 打赏
  • 举报
 回复
$("a.#S") 中间多了一个点，应该是 $("a#S") 或者干脆就是 $("#S")
R的补 2019-04-02
  • 打赏
  • 举报
 回复
[quote=引用 10 楼 scscms太阳光 的回复:]
感谢大佬 我的src引用不对
scscms太阳光 2019-04-02
  • 打赏
  • 举报
 回复 
<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Insert title here</title>

    <style type="text/css">

        #div{

            border:solid 1px #0033FF;

            width:550px;

            padding:20px;

        }

        #text{

            margin-top:20px;

        }

        #cfdiv{

            text-align: right;

            /*调整宽度*/

            width: 400px;

        }

        #cfdiv a:link,a:visited {

            color:#0033FF;

            text-decoration:none;

        }

        #cfdiv a:hover{

            color:#FF6633;

        }

    </style>

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){

            $("#G").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[0].GREAT+"px";

            })

            $("#M").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[1].MEDIUM+"px";

            })

            $("#S").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[2].SMALL+"px";

            })

            var Font_Size= [

                {GREAT:18},

                {MEDIUM:16},

                {SMALL:12}

            ];

        })

    </script>



</head>

<body>

<div id="div">

    <div id=“title”>

        <h1>Web程序设计</h1><hr/>

    </div>

    <div id="cfdiv">

        <a href="javascript:void(0)" id="G">大字体</a>

        <a href="javascript:void(0)" id="M">中字体</a>

        <a href="javascript:void(0)" id="S">小字体</a>

    </div>

    <div id="text">

        HTML CSS DOM JAVASCRIPT JQUERY<br />

    </div>

</div>

</body>

</html>


完整代码如此，怎么可能没反应呢？！ 别告诉我你jquery都是假的
R的补 2019-04-02
  • 打赏
  • 举报
 回复
引用 4 楼 第27个Bug的回复:
首先，应该是 $("a#S")，这个上面大佬提出过了。 然后就是你javascript的代码，比如说 

$("a.#G").click(function(){
  var divNode = document.getElementById("text");
  divNode.style.fontSize=Font_Size[0].GREAT+"px";
}
最后少了)啊，连基本的语法都无法满足，脚本要怎么执行。
这个没注意 但是把）都加上去了 点超链接还是没反应
R的补 2019-04-02
  • 打赏
  • 举报
 回复
引用 3 楼 scscms太阳光的回复:
    <script type="text/javascript">

        $(document).ready(function(){

            $("#G").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[0].GREAT+"px";

            })

            $("#M").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[1].MEDIUM+"px";

            })

            $("#S").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[2].SMALL+"px";

            })

            var Font_Size= [

                {GREAT:18},

                {MEDIUM:16},

                {SMALL:12}

            ];

        })

    </script>


难道你的编辑器就不会帮你报错吗？
把）都加上去了 但是还是点超链接还是没反应
R的补 2019-04-02
  • 打赏
  • 举报
 回复
我用的是eclipse的 没有指出错
Unicode Escapes 2019-04-02
  • 打赏
  • 举报
 回复
F12看看控制台错误吧
Unicode Escapes 2019-04-02
  • 打赏
  • 举报
 回复
$("a.#G").click(function(){
var divNode = document.getElementById("text");
divNode.style.fontSize=Font_Size[0].GREAT+"px";
}
这个缺少右括号，你看看$("a.#G").click后边的左括号跟哪个右括号匹配
键盘敲出字 2019-04-02
  • 打赏
  • 举报
 回复
首先，应该是 $("a#S")，这个上面大佬提出过了。 然后就是你javascript的代码，比如说 

$("a.#G").click(function(){
  var divNode = document.getElementById("text");
  divNode.style.fontSize=Font_Size[0].GREAT+"px";
}
最后少了)啊，连基本的语法都无法满足，脚本要怎么执行。
scscms太阳光 2019-04-02
  • 打赏
  • 举报
 回复 
    <script type="text/javascript">

        $(document).ready(function(){

            $("#G").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[0].GREAT+"px";

            })

            $("#M").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[1].MEDIUM+"px";

            })

            $("#S").click(function(){

                var divNode = document.getElementById("text");

                divNode.style.fontSize=Font_Size[2].SMALL+"px";

            })

            var Font_Size= [

                {GREAT:18},

                {MEDIUM:16},

                {SMALL:12}

            ];

        })

    </script>


难道你的编辑器就不会帮你报错吗？
webmagic采集CSDN的Java_WebDevelop页面
请大家帮帮我，谢谢，耽误你们点时间，帮我指导指导，我做了2天都没有做出来，明天就要交作业了，请大家帮帮我。 , 请教hibernate排序问题, java 权限管理, 如何实现在jsp页面中选择txt文件，点击下载时进行下载, ...
题解 | #工作日各时段叫车量、等待接单时间和调度时间#
总共为三个部分，一，给出一个英语小段，看着小段读，3分钟之内完成。二，语音问你一个问题，可以听三遍，6分钟之内完成，我的好像是你的业余爱好。譬如，我换单位实习找了个回学校的借口，我离职以后leader知道了...
Django框架
Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。Django 是一个开放源代码的 Web 应用框架，由 Python 写成。Django 遵守 BSD 版权，初次发布于 2005 年...
CSDN回帖得分大全（近两年）
√vs2005调用dll的时候Initialize()函数返回错误 [VC/MFC 基础类] 40 ylongwu 05-21 20:486 ylongwu06-28 13:42管理√为什么我创建登陆框之后，然后获取登陆框的数据时候总是出现非法操作！ [VC/MFC 界面] 40 ...
CSDN回帖得分大全 近两年
三维坐标系中的两个相同的三角形，如何旋转其中一个，使其和另一个平行 [推荐] [VC/MFC 图形处理/算法] √ 请详述TCP穿透NAT的原理 [VC/MFC 网络编程] √ 把VC++中的函数转化成JS？ [VC/MFC 网络编程] √...
JavaScript

87,993

社区成员

224,687

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章