javascript 的第一天 客户端 JavaScript代码的位置

最新推荐文章于 2024-08-11 18:40:36 发布
最新推荐文章于 2024-08-11 18:40:36 发布
阅读量46 收藏
点赞数
文章标签： javascript xhtml python ViewUI
原文链接：https://my.oschina.net/u/2356966/blog/408792
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>JavaScript基础应用</title>
</head>

<body>
	<h3>javascript的使用方法</h3>
    <hr/>
    
	<script type="text/javascript">
    	alert("第一种使用方法");
    </script>
    
    <a href="javascript:alert(new Date())">第二种使用方法查看时间</a>
    
    <input type="button" value="第三种使用方法点击" onclick="alert(new Date())">
</body>
</html>

213756_g0Qr_2356966.png

213757_Y9gp_2356966.png

213757_0b3f_2356966.png

213757_ZYyc_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <title>JavaScript基础应用</title>
	<script src="javascri2/js1.js" language="javascript" type="text/javascript" charset=“gbk”>
    </script>
	
</head>

<body>
	<script type="text/javascript">
    	
    </script>
</body>
</html>
js1.js
// JavaScript Document
alert("第四种使用方法");

214238_cgeo_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

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

	<title>变量的使用</title>
    
</head>

<body>
		
	<script type="text/javascript">
		var inum=100;
        var sName="张三";
		var fnum=10.0;
		alert(inum);
		alert(typeof sName);
		alert(fnum.toString());
		alert(parseInt("123a"));
		alert(Boolean(0));
		alert(1+1);
    </script>
</body>
</html>

214626_G9Qr_2356966.png

214626_fd0m_2356966.png

214627_UNaI_2356966.png

214628_EULp_2356966.png

214628_FyLv_2356966.png

214629_t9VC_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>控制语句</title>
</head>

<body>
	<script type="text/javascript">
		var inum1=2;
		var inum2=3;
		if(inum1>inum2){
				alert("inum1>inum2");
			}else{
				alert("inum1<inum2");
				}
		var inum=9;
		switch(inum){
			case 1:
				alert(1);
			case 3:
				alert(3);
			case 5:
				alert(5);
			case 7:
				alert(7);
			case 9:
				alert(9);
			case 10:
				alert(10);
			default:
				alert(11);break;
		}
    </script>
</body>

</html>

214916_Fr5y_2356966.png

214916_zplP_2356966.png

214916_TkpJ_2356966.png

214916_9hE6_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>
</head>

<body>
	<script type="text/javascript">
		var s=test2(3,4);
		alert(s);
		function test1(){
			return "没有参数";
			}
		function test2(a,b){
			return a+b;
			}
		function test3(a,b){
			return a-b;
			}
		function test4(){
			for(var i=0;i<arguments.length;i++){
				 alert(arguments[i]);
				}
			}
		test4(10,20,30);
    </script>
</body>
</html>

215140_fAyI_2356966.png

215140_Kgwg_2356966.png

215142_dh4F_2356966.png

215142_bi3x_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
	<script>
		var a="This is a string";
		alert(a.length);
		alert(a.charAt(2));
		alert(a.indexOf(2));
		alert(a.lastIndexOf(2));
    </script>
</body>
</html>

215418_xWdQ_2356966.png

215418_TPBI_2356966.png

215419_QRBZ_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>日期类</title>
</head>

<body>
	<script language="javascript">
		var currTime=new Date();
		var str=currTime.getYear()+"年";
		alert(str);
		alert(currTime.toLocaleString());
		
		var uri1="http://www.tjitcast.com/index.html?country=中国&name=zs";
		alert(encodeURI(uri1));
		var uri2="http://www.tjitcast.com/index.html?country=%E4%B8%AD%E5%9B%BD&name=zs";
		alert(decodeURI(uri1));
		var uri3="http://www.tjitcast.com/index.html?country=中国&name=zs";
		alert(encodeURIComponent(uri3));
		alert(parseInt("avd",16));
		alert(parseFloat("abc"));
		alert(isNaN(parseFloat("abc")));
    </script>
</body>
</html>

215903_UiYu_2356966.png

215903_NG4D_2356966.png

215903_zTRU_2356966.png

215903_bfxg_2356966.png

215904_qTvT_2356966.png

215904_tjhr_2356966.png

215904_Mlkp_2356966.png

215904_5yQY_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>创建自己的类和对象  </title>
</head>

<body>
	<script>
		function Animal(){
			}
		var animal=new Animal;
		animal.name="dog";
		animal.age=2;
		function xiaohou(){
			alert(animal.name+"--->"+animal["age"]);
			}
		animal.say=xiaohou;
		animal.say();
		
		function Person(){
				this.name="张三";
				this.age=20;
				this.height=176;
			}
		var p=new Person();
		var temp,str="";
		for(temp in p){
				str+=p[temp]+" ";
			}
		alert(str);
		
		var arr=new Array(2);
		arr[0]=0;
		arr[1]=1;
		
		arr[2]=2;
		arr[3]=3;
		alert(arr[3]);             //3
		alert(arr.toString());		//0123
		alert(arr.join("--"));     //0-1-2-3
		alert(arr.reverse());		//3210
		alert(arr.sort());			//0123
		alert(arr.pop());			//3
		alert(arr.toString());		//012
		alert(arr.push([1],[2],[3]));	//6
		alert(arr.shift());    //0
		alert(arr.unshift([2],[3],[6]));  //8
    </script>
</body>
</html>

220310_cLLH_2356966.png

220310_PVGy_2356966.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>JS事件 HTML事件</title>
	<style  type="text/css">
		.input-text{
 			border-right:  #a1bca3  1px  solid;
 			border-top:  #a1bca3  1px  solid;
 			border-leB:  #a1bca3  1px  solid;
 			border-boJom:  #a1bca3  1px  solid;
 			font-size:  11px;  height:  20px;  width:  160px;
			}
		function executClick(){
			alert("事件按钮");
			}
	</style>
</head>

<body>
	<input  type="text"  name="txt"  class="input-text" onfocus="this.style.borderColor='red'" onblur="this.style.borderColor='#A1BCA3'"/>
   <hr/><hr/>
   <input type="button" value="点击" onclick="executClick()"/>
   <img src="../btn1.png" onmouseout="this.src='../btn2.png'" onmouseover="this.src='../btn1.png'" />
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>JS事件</title>
	<script type="text/javascript">
		function executClick(){
			alert("事件按钮");
			}
    </script>
</head>

<body>
	<input type="button" value="点击" onclick="executClick()"/>
    <input  type="text"  name="txt"  onkeydown="alert(event.keyCode)"/>
</body>
</html>


转载于:https://my.oschina.net/u/2356966/blog/408792

weixin_34050389
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 入门第一天
caozhisanguo的专栏
01-10 2万+
javascript 入门第一天
【JS】【客户端】JavaScript程序的执行
王晓斌的专栏
11-30 1621
客户端JavaScript程序的执行 客户端JavaScript程序没有严格的定义，可以说JavaScript程序是由Web页面中所包含的所有JavaScript代码和通过标签的src属性引用的外部JavaScript代码组成。 所有这些单独的代码共用同一个全局Window对象，这意味着它们都可以看到相同的Document对象，可以共享相同的全局函数和变量的集合；如果一个脚本定义了新的全局变量
学习JavaScript第一天
2303_82176667的博客
07-21 982
JavaScript 是一种广泛使用的编程语言，主要用于增强网页的交互性。它由 Brendan Eich 在 1995 年在 Netscape 公司开发，最初被设计为一种简单的脚本语言，用于在客户端浏览器中运行。客户端脚本语言：JavaScript 主要运行在用户的浏览器中，可以与 HTML 和 CSS 一起工作，控制网页的行为和外观。动态交互：通过 JavaScript，开发者可以创建动态更新的网页内容，响应用户的操作，如点击按钮、填写表单等。异步编程。
学习javascript第一天
qq_65463352的博客
08-23 1406
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言
重学JavaScript 第一天
weixin_53094278的博客
12-04 1529
JavaScript
自学JavaScript(放假在家自学第一天)
juzihuaile的博客
07-27 1417
期末放假自学Javascript
系统自学Javascript的第五天
weixin_45725653的博客
04-02 1360
“拿体重换取知识”——胖的理由 目录 定时器 异常处理 JS try catch 表单验证 闭包 JSON 定时器 setTimeout() : 指定时间执行代码，代码指挥执行一次 setTimeout()用法_l_set_Sail的博客-CSDN博客_settimeouthttps://blog.csdn.net/l_set_Sail/article/details/89388550 setInterval() : 指定周期重复执行 setInterval的用法以及示例_shik.
JavaScript 快速入门手册
Java.慈祥
08-17 1万+
JavaScript是一门解释型语言，所谓解释型指语言是指不需要被编译为机器码在执行，而是直接浏览器|node中执行。JavaScript中每一个函数对象都存在一个隐藏的对象属性:prototype原型对象函数以普通函数调用，prototype没有任何作用函数以构造函数调用，new 构造函数(...);
JavaScript基础（详细总结）
热门推荐
程序员阿龙的博客
08-18 1万+
JavaScript基础入门详细总结
javascript测试题
Purple_night_的博客
02-11 2928
javascript
Element学习（布局组件、案例操作）（4）
m0_74363339的博客
08-08 335
value：表示输入的值，提交表单后传给服务器的值——>"男"表示1，"女"表示2。定义数据模型时，对象要使用大括号。像这里searchForm: {....}3、这一步之后的效果展示（只是空有一个布局——>目前还没有任何的内容）2、找到这种布局对应的代码（复制——>粘贴到标签<div>中）5、 在主展示区域的上方添加"员工查询"的（且独占一行）表单。还有一个当点击"查询"按钮时，会触发一个方法，也要去声明。7、给表格增加一个边框——>加入border属性即可。6、日期选择器——>(官网中组件中找)
Arco Design for Vue 3 - 快速上手指南与实战技巧
最新发布
qq_42072014的博客
08-11 286
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
水w的博客
08-07 292
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
牛客JS题（三十四）监听对象
不起眼小菜菜的博客
08-10 368
注释很详细，直接上代码……
Ant-Design-Vue快速上手 指南+排坑（下）
Dingdangr的博客
08-10 415
确保你正确定义了校验规则。Ant Design Vue 3.x 及以上版本推荐使用Form.Item的rules属性来定义校验规则，这是一个数组，可以包含多个校验项。html复制代码label="用户名":rules="[{ required: true, message: '请输入用户名!' }, { min: 3, message: '用户名至少为3个字符!' }]"如果 Ant Design Vue 提供的校验规则不满足你的需求，你可以自定义校验规则。
【React】实现输入框切换
坚强的泡沫的博客
08-08 385
【React】实现输入框切换
【Vue3】图片未加载成功前占位
菜就多练
08-08 319
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
创建一个简单的贪吃蛇游戏：HTML、CSS和JavaScript教程
Mr_Zhangyuge的博客
08-08 1311
在本教程中，我们将逐步构建一个简单的贪吃蛇游戏。这个项目适合初学者，可以帮助你理解HTML、CSS和JavaScript的基础知识，并掌握如何将它们结合起来创建一个完整的游戏。
Unity数据持久化 之 Json序列化与反序列化
2301_77947509的博客
08-09 430
Json的序列化与反序列化
入门JavaScript：编写第一个小程序
"这个资源是关于JavaScript编程的初级教程，主要介绍了如何编写第一个JavaScript小程序，以及JavaScript的基本概念、特点和与Java的区别。" 在【标题】"第一个JavaScript小程序-T16.1_JavaScript java 经典教程 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值