0 0 0 9 - 初识JavaScript（Js）

不二如是 · 发表于 2017-1-9 12:24:25

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2021-8-11 09:08 编辑

在前面我们对HTML、CSS有了初步了解。

现在看一下JS！

完成第一次JS交互

“解”

状态交互过程

0004

          <a href="http://bbs.fishc.com/forum-337-1.html" id="first_Js">传送门</a>

<body>
        <div id="container">        
          <h1>我爱鱼C</h1>
          <p>WWW.FihsC.com - 让编程改变世界</p>
          <a href="http://bbs.fishc.com/forum-337-1.html" id="first_Js">传送门</a>
        </div>
        <script type="text/javascript">
                var first_Js = document.getElementById("first_Js");
        </script>>
</body>

alert(first_Js );

一，可通过preventDefault方法，来阻止URL跳转网页。

二，innerHTML属性来修改，单击“传送门”后字体变为“穿越成功”

        first_Js.onclick = function(e)
                {
                        e.preventDefault();
                        first_Js.innerHTML = "穿越成功";
                }

面向对象

0008

14

<!doctype html>
<html>
<head>
        <meta charset="utf-8">
        <title>欢迎来到HTML世界</title>
        <link href="0009CSS.css" rel="stylesheet">
</head>
<body>
        <div id="container">        
          <h1>我爱鱼C</h1>
          <p>WWW.FihsC.com - 让编程改变世界</p>
          <a href="http://bbs.fishc.com/forum-337-1.html" id="first_Js">传送门</a>
        </div>
        <script src="first_Js.js"></script>
</body>
</html>

为了响应号召，JavaScript - 庖丁解牛已开启大幕，欢迎订阅

这位鱼油，如果喜欢本帖子，请订阅专辑-->（传送门）（不喜欢更要订阅

）

官方 Web 课程：

joker11111 · 发表于 2017-2-9 19:59:13

本帖最后由 joker11111 于 2017-2-9 20:01 编辑

另：发现问题

lyzklkl · 发表于 2017-3-31 17:50:51

交作业，哈哈哈哈。这次就图片吧

小宇666 · 发表于 2017-1-9 16:25:15

表示前端课程已经学完了，也能写一些页面了，但是，对于js还是懂的太少了......

不二如是 · 发表于 2017-1-9 18:46:30

小宇666 发表于 2017-1-9 16:25
表示前端课程已经学完了，也能写一些页面了，但是，对于js还是懂的太少了......

前端，都会的话，Js只要一上手，很快就会了～

alltolove · 发表于 2017-1-10 07:08:48

知识量真大

不二如是 · 发表于 2017-1-10 07:15:43

alltolove 发表于 2017-1-10 07:08
知识量真大

迭代～每天一点点～

type_J · 发表于 2017-1-25 19:29:06

好快的进度。。好好学习

不二如是 · 发表于 2017-1-25 20:02:47

type_J 发表于 2017-1-25 19:29
好快的进度。。好好学习

纯白 · 发表于 2017-2-1 18:30:36

咋没效果呢是浏览器的问题吗我用搜狗浏览器

aluominhai · 发表于 2017-2-8 18:08:37

最后一步出错了，独立封装添加外部链接后，点击显示乱码(中文)，英文可以显示。

不二如是 · 发表于 2017-2-8 18:18:02

aluominhai 发表于 2017-2-8 18:08
最后一步出错了，独立封装添加外部链接后，点击显示乱码(中文)，英文可以显示。

中文乱码，在html文件添加

 <meta charset="utf-8">

aluominhai · 发表于 2017-2-8 18:20:50

已解决中文乱码情况：
<script src="first_Js.js" charset="GBK"></script>
改变格式

不二如是 · 发表于 2017-2-8 18:23:47

aluominhai 发表于 2017-2-8 18:20
已解决中文乱码情况：

改变格式

好的～

不二如是 · 发表于 2017-2-9 21:51:30

joker11111 发表于 2017-2-9 19:59
另：发现问题

么么哒～

joker11111 · 发表于 2017-2-9 22:32:47

不二如是发表于 2017-2-9 21:51
么么哒～

感谢翻牌子

Forever_slient · 发表于 2017-2-21 22:18:23

本帖最后由 Forever_slient 于 2017-2-21 22:23 编辑

好好学习，每天一点点

不二如是 · 发表于 2017-2-21 22:23:02

Forever_slient 发表于 2017-2-21 22:18
图片

给你个附件，试一下

如果位置正确，对比下代码

lumber2388779 · 发表于 2017-3-24 16:50:24

发现问题，你的教程中的第二段代码发布没编辑好，导致部分代码不是在代码段里面

不二如是 · 发表于 2017-3-24 16:51:45

lumber2388779 发表于 2017-3-24 16:50
发现问题，你的教程中的第二段代码发布没编辑好，导致部分代码不是在代码段里面

</body>
</html>
好吧，看来在这个阶段，还不能留下悬念～

lumber2388779 · 发表于 2017-3-24 16:54:27

不二如是发表于 2017-3-24 16:51
好吧，看来在这个阶段，还不能留下悬念～

在body添加代码：
<body>
      <div id="container">
      <h1>我爱鱼C</h1>
      <p>WWW.FihsC.com - 让编程改变世界</p>
      <a href="http://bbs.fishc.com/forum-337-1.html" id="

alert< first_Js >
复制代码
">传送门</a>
        </div>
        <script type="text/javascript">
                var first_Js = document.getElementById("first_Js");
        </script>>
</body>

你检测下你这段- -上边复制下来是这样的，我这边没办法截图给你，公司无法上传东西

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 0 9 - 初识JavaScript（Js）

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

点评

点评

评分

评分