JavaScript在网页中出现的位置

最新推荐文章于 2019-06-14 15:18:00 发布
最新推荐文章于 2019-06-14 15:18:00 发布
阅读量428 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ncut_LJD/article/details/50865202
版权

 这个是需要我们了解的

 javascript 操作网页上元素  文档元素  文件对象模型 Document Object Model，简称DOM

 alert 警告 就是在我们输入信息的时候 出错弹出的窗口 或者 提示什么的时候弹出的窗口

1.写在网页中

    a.直接写在事件名称后面

<!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>
<script language="javascript">
</script>
</head>

<body>
<link rel="stylesheet" type="text/css" href="1.css"/>
<form>
输入姓名<input type="text">
<input type="button" value="问候" οnclick="alert('你好!');">
</form>
</body>
</html>


    b.做成函数写在head中

<!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>
<script language="javascript">
function sayHello()
{
	alert("hello !" + document.forms[0].xm.value);
} 
</script>
</head>

<body>
<link rel="stylesheet" type="text/css" href="1.css"/>
<form>
输入姓名<input type="text" name="xm">
<input type="button" value="问候" οnclick="sayHello()">
</form>
</body>
</html>


2.存在于单独的js文件

<!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>
<script type="text/javascript" src="1.js"></script>
</head>

<body>
<form>
输入姓名<input type="text" name="xm">
<input type="button" value="问候" οnclick="sayHello()">
</form>
</body>
</html>


// JavaScript Document
function sayHello()
{
	alert("hello !!!" + document.forms[0].xm.value);
}

3.没有表单<form>找元素

通过name

<!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>
<script type="text/javascript" src="1.js"></script>
</head>

<body>
输入姓名<input type="text" name="xm">
<input type="button" value="问候" οnclick="sayHello()">
</body>
</html>


// JavaScript Document
function sayHello()
{
	alert("你好 !!!" + document.getElementsByName("xm")[0].value);
}


通过id

<!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>
<script type="text/javascript" src="1.js"></script>
</head>

<body>
输入姓名<input type="text" id="xm">
<input type="button" value="问候" οnclick="sayHello()">
</body>
</html>


// JavaScript Document
function sayHello()
{
	alert("你好 !!!" + document.getElementsByName("xm")[0].value);
}


小李讲源码
关注
专栏目录
浅谈javascript在网页制作中的应用.pdf
01-02
随着Web技术的发展，JavaScript框架和库如jQuery、React、Vue.js和Angular等的出现，使得JavaScript在网页制作中的应用更加广泛和高效，不仅限于简单的交互，还涉及复杂的前端应用开发。总的来说，JavaScript已经...
javascript获取网页各种高宽及位置的方法总结
10-21
根据给出的文件信息，本文将详细介绍如何使用JavaScript来获取网页中各种元素的尺寸、位置等信息。 ### 屏幕尺寸和浏览器窗口尺寸 首先，可以通过`screen`对象获取屏幕的分辨率信息，以及浏览器窗口的位置和尺寸...
JavaScript在网页中的位置
nobody
06-28 754
JavaScript is inserted into HTML pages by using the element. This element can be used to embed JavaScript into an HTML page, leaving it inline with the rest of the markup, or to include JavaScrip
JavaScript在Web页面中的位置
huiting_liu的博客
12-09 699
用JavaScript编写的代码需要放在HTML文档中才能被浏览器执行，有两种方式可以做到这一点。 一.直接内嵌JavaScript代码         这种方法将JavaScript代码写在  之间，然后可以将其放在html文件的任何位置，但是一般放在网页的head或body部分: js代码 （表示在之间的是文本类型(text),javascrip
JavaScript基础（二）- JS在页面中的位置
释梦燃的博客
05-22 638
JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。
Javascript代码在网页中出现的位置
一只苟延残喘的卑微蝼蚁
03-15 841
Javascript代码在网页中出现的位置 下面有具体的代码和截图 Javascript代码在网页中出现的位置：1.直接写在事件名称的后面2.做成函数，写在head标签中，比较规范的做法是写在window.onload = function() {}这句话的function函数体中3.写在单独的js文件中 /*网页元素又可以称为文档元素，网页就是文档 使用javascript操作网页上的元...
JS在页面中的位置
Jennyni1122的博客
06-14 650
JS作用： 你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。准备好，让JavaScript带你进入新境界吧! JavaScript能做什么？ 1.增强页...
javascript标签在页面中的位置探讨
10-27
在网页开发中，JavaScript代码的引入位置是一个关键的优化策略，因为它直接影响到页面的加载速度和用户体验。传统的做法是将标签放置在HTML文档的部分，但随着网页复杂性的增加，这种做法可能会导致页面加载延迟，...
JavaScript技术在Web网页中的应用研究.pdf
最新发布
01-02
在history位移的过程中，跳转的位置超出了客户访问历史记录的边界，则Web网页不会出现错误警示，当跳转页面为已经访问的历史记录页面后，可进行跳转操作，并记载历史缓存记录，可提高Web网页的访问效率。 3.4 ...
JavaScript使用indexOf获得子字符串在字符串中位置的方法
10-24
IndexOf是JavaScript中一个非常基础且强大的字符串方法，用于获取子字符串在字符串中首次出现的位置的索引。如果子字符串不存在于母字符串中，则IndexOf方法返回-1。 首先，让我们详细了解IndexOf方法的基本语法。...
关于javascript在html中的位置
与光的博客
01-13 6281
**//转发自https://www.cnblogs.com/zrl66/p/6046526.html** 关于javascript放在哪里更合适 脚本位置： 例如以下代码： &lt;html&gt; &lt;head&gt; &lt;title&gt;Script Example&lt;/title&gt; &lt;script type="text/javascr...
Javascript写在页面哪个位置好
cherry cheng的CSDN博客
12-25 521
Javascript程序可以放在：   ·                  HTML网页的&lt;body&gt;&lt;/body&gt;里   ·                  HTML网页的&lt;head&gt;&lt;/head&gt;里   ·                  外部.js文件里     1.Javascript在&lt;body&gt;&lt...
在上网时出现Javascript：void（0）网页没有反应
热门推荐
Kelly成长之路
03-16 10万+
从上上周开始发现写CSDN博客的时候网页没有反应，而且在个人分类这没有显示分类的类别，除了能进去这个页面其他的啥也操作不了。 网页左下角显示Javascript：void（0），如图所示 后来查的问题是脚本错误，有以下几种解决方案 1、可能是浏览器不兼容首先换个浏览器试试，如果还是不行还有其他解决方案。 2、可能是注册表中没有注册JScript，需要注册如下操作 3、
JS在HTML的中位置
另一个自己
11-27 3807
由上一篇博客（初始JavaScript）已经知道JS是通过script标签在HTML页面中插入JavaScript。位置分别是head和body。 1、在head中插入JavaScript时，由于HTML文档是有浏览器从上到下依次载入的，所以在JavaScript被调用时就已经执行，此时页面还未加载。 2、在body中插入JavaScript时，页面在加载的时候会被执行。放置与head标签之间
web弹窗layer之自定义弹窗位置（二）
u010865136的专栏
03-20 1万+
一、需求描述如下图，要求在移动端页面的弹窗位置在上方显示。二、需求实现打开移动端layer的文档页面 http://layer.layui.com/mobile/api.html搜索位置，得到控制移动端layer的两个参数fixed和top，在layer.open中fiexed设置为false，top设置数值即可。三、代码实现：  layer.open({        type:1,      ...
用Javascript获取页面元素的位置
sinoalex
09-07 1186
用Javascript获取页面元素的位置 作者： 阮一峰 日期： 2009年9月14日 制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。 下面的教程总结了Javascript在网页定位方面的相关知识。 一、网页的大小和浏览器窗口的大小 首先，要明确两个基本概念。 一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样...
javascript获取当前网页路径
美奇软件开发工作室
11-22 1211
&lt;script type="text/javascript"&gt; //url（当前网页的URL，不包含#及其后面部分）     var url = window.location.href.split('#')[0]; &lt;/script&gt;  
JavaScript在HTML中的位置
Mett_Smith的博客
03-04 789
为了取得更好的首屏效果，JavaScript应放在HTML的底部。
css和javascript代码写在页面中的位置说明
reblue520的专栏
02-28 5223
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;css和js的存放位置&lt;/title&gt; &lt;style type="text/css&quot
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值