JavaScript初级入门

最新推荐文章于 2024-05-22 13:52:22 发布
最新推荐文章于 2024-05-22 13:52:22 发布
阅读量159 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/jiangyi0215/p/6811626.html
版权

1.注释://

　　1.1//我是注释

2.判断:if{}else{}

3.函数:function 有意义的函数名(){函数内容}

4.常用互动:

　　4.1输出内容:document.write();

　　　　4.1.1输出字符串:document.write("我是字符串")；

　　　　4.1.2输出字标签:document.write("我之后是换行标签，会换行哦~"+"<br>")；

　　4.2警告:alert()

　　4.3确认:confirm()

　　4.4提问:prompt()

　　4.5打开新窗口:window.open("url")

　　4.6关闭窗口:window.close()

5.综合练习

任务描述：

1、新窗口打开时弹出确认框，是否打开

提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。

2、通过输入对话框，确定打开的网址，默认为 https://i.cnblogs.com

3、打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。

代码：

<!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 isOpen = confirm("是否打开新窗口?");
         if( isOpen == true ) {
              // 通过输入对话框，确定打开的网址，默认为 https://i.cnblogs.com
              var openSit = prompt("请输入新网址","https://i.cnblogs.com");
               //打开的窗口要求，宽400像素，高500像素，无菜单栏、无工具栏。
               window.open(openSit,"_blank","width=400,height=500,menubar=no,toolbar=no")
         }else{

　　　//啥都木有啊~~

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

转载于:https://www.cnblogs.com/jiangyi0215/p/6811626.html

Beck1234
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础知识讲解教程，适合初级人员入门学习
04-11
JavaScript基础知识讲解教程，适合初级人员入门学习，用于编写前端html脚本
JavaScript入门基础
09-25
这是一个JavaScript的教程（包含JavaScript简单教程和几个简单例子，适合0基础的初学者。
JavaScript初始 初级 入门
IDtangjiasanshao的博客
11-14 2521
JavaScript初始 初级 入门 学前端 就要接触js在以前的版本学习HTML就是简单的切图仔,随着科技发展 ,HTML不在是简单的网页制作,而是可以同过JavaScript语音来实习一些功能 和一些特效,同js可以写一些不需要java,pyth,c语音来帮助, JavaScript和Java没有关系 只名字 和创世人的原因 所以语音名字叫JavaScript. 什么是 JavaSc...
JavaScript基础入门
dangfulin的博客
08-21 5344
一，什么是JavaScript 1，与Java无关！与Java无关！与Java无关！ JavaScript是一种为网站添加互动以及自定义行为的客户端脚本语言， 通常只能通过Web浏览器去完成操作， 而无法像普通意义上的程序那样独立运行。 JavaScript是一种轻量级、解释型的 Web 开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都己嵌入了JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。 JavaScript的引入，符合”渐进增
Javascript初级教程（适合新手）
Ashboon的博客
07-22 1831
1)定义变量的三要素 :var 变量名 = 初始化值; 2)定义所有的变量都是var,而且var可以省略不写! 3)js中,变量可以重复定义的,后面的值将前面的值覆盖!在js中定义函数的格式function 函数名(参数名1,参数名2,....){完成的函数的逻辑return 结果;//返回结果调用函数:赋值调用:var 变量名= 函数名(实际参数1,实际参数2..)以下为简单的函数实例var m = prompt("请输入一个数")
Javascript 入门
m0_73302873的博客
08-18 251
Javascript 基本使用
Javascript入门
零時差❤距
03-03 616
JavaScript入门01 入门级：会做一些简单的效果，比如轮播图效果、相册,浮动布局,和按钮点击事件 深入学习时：可以创建 游戏、2d动画、3d图像、数据库驱动的综合应用程序以及更多。 JavaScript本身是非常简洁却非常灵活的。开发者们编写了非常多的工具补充JavaScript语言功能。使得花最小的代价获得大量额外功能。这些功能包括： 应用编程接口 (APIs) 。内置于浏览器中提
JavaScript 入门(简单易懂) 看这一篇就够了
2301_77638787的博客
08-06 6798
尽量帮助初学者减少初级的困难，其实一旦掌握了之后，会发现它其实是非常容易。但大道至简，知易行难，需要大家之后不断练习。
JS初级入门
j_cioecm的博客
06-04 178
一、JS简介 JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。 JavaScript 是 web 开发人员必须学习的 3 门语言中的一门： HTML定义了网页的内容 CSS描述了网页的布局 JavaScript控制了网页的行为 ...
JavaScript入门之初识JavaScript
缘来阁
05-09 525
目录二 、初识JavaScript※ 本章节学习目标2.1 初识JavaScriptJavaScript发展历史JavaScript是什么？JavaScript的作用HTML、CSS和JavaScript之间的关系浏览器执行JavaScript简介JavaScript的组成ECMAScriptDOM 文档对象模型BOM 浏览器对象模型JavaScript 初体验行内式内嵌式外部JavaScript文件2.2 JavaScript中的注释2.3 JavaScript输入输出语句 二 、初识JavaScript
JavaScript 初级教程
u011633009的专栏
06-15 200
什么是 JavaScript？ JavaScript 被设计用来向 HTML 页面添加交互行为。JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。JavaScript 由数行可执行计算机代码组成。JavaScript 通常被直接嵌入 HTML 页面。JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。所有的人无需购买许可证均可使用 JavaScrip
学习JavaScript基础入门（0基础JavaScript，）
qq_70756940的博客
08-17 583
基础JavaScript(first day)
javascript初级教程
05-24
javascript入门教程 中+英文版
Javascript入门学习第六篇 js DOM编程第1/2页
10-30
上篇文章纳闷的问题，将在这章和以后的几章里，慢慢搞定。 从今天起，开始学习DOM编程 让我们慢慢称为一名初级的js程序员。 然后往js匠人方向发展。
从零基础开始入门学习html5、css3、javascript,从初级开始学习前端知识.zip
10-22
从零基础开始入门学习html5、css3、javascript,从初级开始学习前端知识.zip
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 195
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 238
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
springboot+vue2+elementui实现时间段查询
2301_76604664的博客
05-20 372
将前端传来的时间数组，赋值给对应的属性；
前端开发攻略---用Vue实现无限滚动的几种方法
最新发布
nibabaoo的博客
05-22 550
用vue实现无限滚动
JavaScript快速入门
05-17
欢迎学习 JavaScript！以下是一个简单的 JavaScript 入门教程。 ## 什么是 JavaScript？ JavaScript 是一种脚本语言，通常用于在 web 页面中添加交互性和动态效果。它可以在浏览器中运行，也可以在服务器端运行。 ## 如何在网页中使用 JavaScript？ 可以在 HTML 文件中使用 <script> 标签来引入 JavaScript 代码，例如： ```html <html> <head> <title>My Website</title> </head> <body> <h1>Hello, World!</h1> <script> alert('Welcome to my website!'); </script> </body> </html> ``` 以上代码会在页面加载时弹出一个警告框。 ## 变量和数据类型 在 JavaScript 中，可以使用关键字 `var`、`let` 或 `const` 来声明变量。例如： ```javascript var name = 'Alice'; // 可以被重新赋值 let age = 25; // 可以被重新赋值 const PI = 3.14; // 不能被重新赋值 ``` JavaScript 中的数据类型包括字符串、数字、布尔值、数组、对象等。例如： ```javascript var message = 'Hello, World!'; // 字符串 var count = 10; // 数字 var isReady = true; // 布尔值 var fruits = ['apple', 'banana', 'orange']; // 数组 var person = {name: 'Alice', age: 25}; // 对象 ``` ## 函数 JavaScript 中的函数可以定义为以下形式： ```javascript function functionName(arg1, arg2, ...) { // 函数体 } ``` 例如： ```javascript function sayHello(name) { alert('Hello, ' + name + '!'); } ``` ## 控制流语句 JavaScript 中的控制流语句包括条件语句和循环语句。例如： ```javascript // 条件语句 if (age >= 18) { alert('You are an adult!'); } else { alert('You are a minor!'); } // 循环语句 for (var i = 0; i < fruits.length; i++) { alert(fruits[i]); } ``` 这只是 JavaScript 的入门教程，如果想深入学习 JavaScript，我建议你阅读更多的教程和文档，参与开源项目，写一些小型的练习项目来增加经验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值