JavaScript快速实用入门

最新推荐文章于 2023-03-13 11:16:04 发布
最新推荐文章于 2023-03-13 11:16:04 发布
阅读量482 收藏 1
点赞数
文章标签： web前端 前端 html5 入门 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fenghuangjc/article/details/77938089
版权

1.在HTML文件中写JS方法

<!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>

2.在HTML中调用JS文件

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>

3.调用JS函数

//定义函数
<script type="text/javascript">
      function contxt() //定义函数
      {
         alert("哈哈，调用函数了!");
      }
   </script>
//调用
<input type="button"  value="点击我" onclick="contxt()" />

4.JS位置
一般放在body或head里面。

5.输出

<script type="text/javascript">
    var mystr="我是";
    var mychar="JS";
    document.write(mystr+"<br>");
    document.write(mystr+mychar+"金城!");
  </script>

6.alert警告框

alert(字符串或变量)
function rec(){
    var mychar="Learn JavaScript";
    alert(mychar);
    alert("hello!");
  }
  //依次弹出"Learn JavaScript","hello"警告框

7.confirm消息确认框
这里写图片描述

confirm();
//str：显示的文本
//返回值：boolean值

8.prompt消息对话框
str

prompt("你好","123");
//返回值是"123"

9.打开新窗口

window.open('http://www.imooc.com','_blank','width=300.height=200,menubar=no,toolbar=no,status=no,scrollbars=yes');

这里写图片描述
10.关闭窗口

window.close();//关闭窗口
<窗口对象>.close();//关闭指定窗口

11.使用

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript">  
    function openWindow(){
    // 新窗口打开时弹出确认框，是否打开
    var url;
    if(confirm("你好")){
    // 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/
    url = prompt("打开网址","http://www.imooc.com/")
    }
    //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
    window.open(url,'_blank','width=400,height=500,status=no,toolbar=no')
    }

  </script> 
 </head> 
 <body> 
      <input type="button" value="新窗口打开网站" onclick="openWindow()" /> 
 </body>
</html>

12.控制类名

object.className = classname
//设置CSS样式
<style>
    body{ font-size:16px;}
    .one{
        border:1px solid #eee;
        width:230px;
        height:50px;
        background:#ccc;
        color:red;
    }
    .two{
        border:1px solid #ccc;
        width:230px;
        height:50px;
        background:#9CF;
        color:blue;
    }
    </style>
    //使用
    var p1 = document.getElementById("p1");
    p1.className="one";

//========================
这里写图片描述

Object.style.property=new style;

这里写图片描述

Object.style.display = value;
会写bug的打字员
关注
JavaScript：快速入门篇
彭世瑜的博客
06-15 1420
JavaScript https://www.liaoxuefeng.com/wiki/1022910821149312 基本语法 alert("hello word!") console.log("hello word!"); // 避免弹出烦人的对话框 // JavaScript严格区分大小写 // 单行注释 /*多行注释*/ // 赋值语句, 每个语句用;表示语句结束 var x =...
JavaScript基础
mybizsite的专栏
04-12 697
这篇介绍JavaScript方面的日志，我在是Clang上看到的。作者介绍挺全面的，所以转载过来让感兴趣的朋友看一下。呵呵～～～有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道，也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript了，直到目前，我才越来越觉得JavaScript远比我想象的复杂
前端基础之JavaScript
weixin_30892763的博客
12-25 131
JavaScript概述 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 该标准...
JavaScript-01-笔记
qq_24410589的博客
06-12 420
JavaScript基本语法 输入输出语句：prompt()、alert()、console.log()、document.write() 变量和常量：let、const 数据类型：boolean、null、undefined、number、string、bigint typeof 关键字：用于判断变量的数据类型 运算符：算数、赋值、逻辑、比较、三元运算符 流程控制和循环语句：if、switch、for、while 数组：数据类型和长度没有限制，let 数组名 = [长度/元素] 函数：类似方法，抽取代码，
JavaWeb基础知识：JavaScript快速入门
Pinger的博客
07-25 2092
Day03 JavaScript快速入门1. js生成文本<!-- js一般是写在head标签里面 --> <script> document.write("我是天才！！"); document.write("我是废才!!");</script> 2. js生成标签<script> document.write("我是天才<br/>"); document.w
Quick-Start-to-JavaScript-Volume-3:JavaScript快速入门
05-05
"Quick-Start-to-JavaScript-Volume-3: JavaScript快速入门"旨在帮助初学者迅速掌握这门强大的编程语言，为深入探索Web开发打下坚实基础。 在JavaScript的世界里，了解基本语法是第一步。包括变量声明（var、let、...
JavaScript快速入门与技巧.doc
06-09
这篇文档旨在帮助初学者快速掌握JavaScript的核心概念和技术，并提供一些实用的技巧，以提高开发效率。 首先，创建JavaScript脚本块是通过`<script>`标签实现的，通常会指定`language="JavaScript"`属性。例如： ``...
JavaScript入门学习书籍推荐
10-30
很多人对学习JavaScript充满热情，但面对市面上琳琅满目的书籍，初学者往往不知如何选择合适的入门书籍。这篇文章将帮助初学者了解推荐的JavaScript学习书籍，并简要介绍每本书的特点。 首先，推荐给新手的书籍是...
javascript 快速入门
01-13
JavaScript，是一种广泛应用于网页和网络应用的脚本语言，尤其在客户端编程中占据了核心地位。它使得网页具有交互性，可以动态更新内容，处理...同时，全中文的手写总结使得理解更为便捷，实用性极高，适合快速入门。
JavaScript快速入门教程和练习
03-07
总的来说，这个“JavaScript快速入门教程和练习”涵盖了语言基础、函数、对象、事件处理、DOM操作以及异步编程等多个方面。通过学习这些内容，并结合`js练习.asp`和`JavaScript实用范例辞典.CHM`中的实践，你将能够...
JavaScript快速入门
yangyang的专栏
08-31 369
廖雪峰JavaScript教程笔记 ECMAScript是一种语言标准，而JavaScript是网景公司对ECMAScript标准的一种实现。 1.基本语法 JavaScript代码可以直接嵌在网页的任何地方，不过通常我们都把JavaScript代码放到&amp;amp;amp;lt;head&amp;amp;amp;gt;中： &amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&
JavaScript 快速入门
code34的博客
04-23 1191
1、什么是Javascript 1.1、概述 javaScript是一门世界上最流行的脚本语言 Java，JavaScript不相同。 一个合格的后端人员，必须精通JavaScript 1.2、历史 见百度 ECMAScript它可以理解为JavaScript的一个标准 最新版本已经到es6版本~ 但是大部分浏览器还只停留在支持es5代码上！ 开发环境–线上环境，版本不一致 2、快速入门 内部标签 <!-- script标签内，写javascript代码--> <scri
JavaScript快速入门-基础
drug1910951117的博客
06-24 441
JavaScript介绍 JavaScript 是一种客户端脚本语言,不需要编译,就可以直接被浏览器解析运行 核心功能:增强用户和 HTML 页面的交互过程，让页面有一些动态效果。以此来增强用户的体验！ 快速入门 创建一个 HTML 在<body>标签下面编写一个<script>标签 在<script>标签中编写代码。 通过浏览器查看。 <!DOCTYPE html> <html lang="en"> <head>
JavaScript 快速入门教程
qq_53569667的博客
12-31 1553
在学习 JavaScript 的过程中，根据狂神Java和菜鸟教程的学习内容整理出来的一些笔记
JavaScript快速教程
weixin_33701617的博客
01-22 186
为什么使用Javascript 由于HTML是一种简单的文本标记语言，它不能响应用户、做出决策或者自动执行重复性任务。像这样的交互式任务需要更先进的语言：程序设计语言或者脚本编程（javascript）语言。javascript做的很多事情都涉及与用户交互，这意味着相应事件（event）。 Javascript能力 表单验证 表单验证是JavaScript的另一种常见的应用，尽管HT...
【JavaScript】JavaScript之快速入门
CPP工程师的专栏
04-10 6094
一、基本概念         JavaScript是一种基于对象（Object Based）和事件驱动（Event Driver）的脚本语言，它本身提供了非常丰富的内部对象供开发人员使用。         JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。         下面是第一个JavaScript
JavaScript--快速入门
最新发布
weixin_74268571的博客
03-13 763
js的认识和基本使用，等腰三角形，九九乘法表及表格版
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值