为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • 第一种:输出内容用""括起,直接输出""号内的内容。

    第二种:通过变量,输出内容

    第三种:输出多项内容,内容之间用+号连接。

    第四种:输出HTML标签,并起作用,标签使用""括起来。

    查看全部
  • document.write("hello");
    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>函数调用</title>

       <script type="text/javascript">

          function contxt() //定义函数

          {

             alert("哈哈,调用函数了!");

          }

       </script>

    </head>

    <body>

       <form>

          <input type="button"  value="点击我" onclick=" contxt()  " />  

       </form>

    </body>

    </html>

    查看全部
  • <!DOCTYPE HTML>

    <html>

        <head>

            <meta http-equiv="Content-Type" content="text/html; charset=gb18030">

            <title>插入js代码</title>

            <script type="text/javascript">

            document.write("开启JS之旅!");

        </script>

        </head>

        <body>

        </body>

    </html>

    查看全部
  • <!DOCTYPE HTML>

    <html> 

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>热身</title>

    </head>

    <body>

      <p id="p1">我是第一段文字</p>

      <p id="p2">我是第二段文字</p>

      

      <script type="text/javascript">

    document.write("hello");

    document.getElementById("p1").style.color="blue";

      </script>

    </body>

    </html>

    查看全部
  • getElementById是一个document对象的方法,可以通过它来获得指定id的html元素。

    例如在页面里表单元素你可以给它设置id值,或name值来区别同种类型的不同元素,当你设置id document.getElementById("id")来得到这个元素,从而通过document.getElementById("id").value 得到元素的值。类似的方法还有document.getElementsByName("name")通过元素名称获得元素对象。document.getElementsByTagName("form")通过标签名称获得元素。

    比如 <div id="test"></div>

    document.getElementById("test") 就可以获取到这个对象了

    查看全部
  • open() 方法可以查找一个已经存在或者新建的浏览器窗口。

    查看全部
  • if(条件)
    { 条件成立时执行的代码 }
    else
    { 条件不成立时执行的代码 }

    重中之重的,例如会员等权限功能可用该语法来实现
    查看全部
  • 1、
    var 是 variable 的缩写
    意思是:变量,可变,变数
    2、
    在JavaScript中var是:声明一个变量也叫做定义一个变量
    3、
    var 表示:作用域 的作用


    ……
    用更通俗的话来解释作用域的概念。作用域基本上就是指变量在程序中的“可见范围”或者“可用范围”。简单来说,就是在你的代码里,哪些地方可以访问到某个变量。

    例子说明 假设你在家里(整个程序),厨房(函数)里有一个苹果(变量)。那么: - 如果你在厨房(函数内部),你可以轻松拿到这个苹果(访问变量)。 - 但是如果你在卧室(函数外部),你就拿不到厨房里的苹果(无法访问变量)。 这就是作用域的基本概念。在JavaScript中,`var`声明的变量的作用域可以分为两种情况: 1. **全局作用域**:如果你在一个文件的最外面(不是在任何函数里面)声明了一个变量,那么这个变量在整个文件里都能被访问到。

    就像放在客厅中央的一个玩具,所有人都能看见并且玩。 2. **函数作用域**:如果你在一个函数里面声明了一个变量,那么只有在这个函数内部才能访问到这个变量。就像你在卧室里放了一个枕头,只有在卧室里才能用这个枕头。

    具体例子 假设我们有下面这段代码:

    ```javascript function myFunction() { var fruit = "苹果"; console.log(fruit); // 输出 "苹果" } myFunction(); console.log(fruit); // 报错:fruit is not defined ```

    在这个例子中: - 在`myFunction`函数内部声明了`fruit`变量,并赋予了值“苹果”。
    - 在函数内部,我们可以打印出`fruit`的值,输出结果是“苹果”。
    - 函数外部尝试打印`fruit`会报错,因为在函数外部`fruit`是未定义的。
    查看全部
  • document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

    查看全部
    1. js 当中 alert(字符串或变量);   是 alert弹出消息对话框(包含一个确定按钮)。


    查看全部
  • document.write() 插入数据

    查看全部
  • Object.style.display = value

    value:none/block

    查看全部
  • Object.style.property=new style;

    Object是获取的元素对象

    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2024-03-27

  • window.open([URL], [窗口名称], [参数字符串])

    窗口名称: _blank:在新窗口显示目标网页
                      _self:在当前窗口显示目标网页
                      _top:框架网页中在上部窗口中显示目标网页

    参数字符串:


    查看全部
  • confirm 使确认

    查看全部
  • onclick="函数名()"  不要忘了加()

    查看全部
  • 打开新窗口(window.open)

    open() 方法可以查找一个已经存在或者新建的浏览器窗口。

    语法:

    window.open([URL], [窗口名称], [参数字符串])

    参数说明:

    URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。

     窗口名称:可选参数,被打开窗口的名称。   

    1.该名称由字母、数字和下划线字符组成。  

    2."_top"、"_blank"、"_self"具有特殊意义的名称。        

    _blank:在新窗口显示目标网页        

    _self:在当前窗口显示目标网页        

    _top:框架网页中在上部窗口中显示目标网页   

    3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。   4.name 不能包含有空格。 参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。


    查看全部
  • prompt 消息对话框

    prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。


    语法:

    prompt(str1, str2);

    参数说明:

    str1: 要显示在消息对话框中的文本,不可修改 

    str2:文本框中的内容,可以修改


    返回值:

    1. 点击确定按钮,文本框中的内容将作为函数返回值 

    2.  点击取消按钮,将返回null

    查看全部
  • confirm 消息对话框

    confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。


    语法:

    confirm(str);


    参数说明:

    str:在消息对话框中要显示的文本返回值: Boolean值


    返回值:

    当用户点击"确定"按钮时,返回true
    当用户点击"取消"按钮时,返回false


    注: 通过返回值可以判断用户点击了什么按钮

    查看全部
  • alert输出内容,可以是字符串或变量,与document.write 相似。

    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!