php在html里面的位置,关于script在html中的摆放位置解析

以前一直觉得script在html中的任何位置都可以,今天做一个需求的时候才更正了自己的错误思想啊--script的位置也不是随便放的。本文主要谈论关于script在html中的摆放位置。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。希望能帮助到大家。

首先是想实现一个select标签,有是和无两个option,但是在初始化的时候要求select标签默认选择空值,所以我在点击的时候加了一个方法让他把空值删掉:

XML/HTML Code复制内容到剪贴板

$('#checkcash').click(function () {

if ($('#checkcash').val() == '0') {

$("#checkcash option[value='0']").remove();

}

});

$("#alert").click(function(){

alert("1123");

})

是否已提现

但是这样并不能达到想要的效果,起初以为是jquery语法错误还一直在网上查,改,但是都不管用,后来突然想到是不是应该把script放到后面,试了一下,结果果真ok了,这才恍然大悟,原来不是这样的。

后来查了一下原因是因为,html文件是自上而下的执行方式,但引入的css和javascript的顺序有所不同,css引入执行加载时,程序仍然往下执行,而执行到

真的应该多学习很多地方以为所以然了,却没深究。以后还要加油!

ps:其实还有另外一种方法,那就是用jquery的初始化页面方法,把上面给标签添加的点击事件加入到$(function(){})中也是可以的,原理和上面是一样的,这个方法是等页面加载好了才执行,所以不管放在哪都可以了!

相关推荐:

以上就是关于script在html中的摆放位置解析的详细内容,更多请关注php中文网其它相关文章!

article_wechat2021.jpg?1111

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/457115.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Protocol Buffer技术详解(C++实例)

原文:http://www.cnblogs.com/stephen-liu74/archive/2013/01/04/2842533.html 这篇Blog仍然是以Google的官方文档为主线,代码实例则完全取自于我们正在开发的一个Demo项目,通过前一段时间的尝试,感觉这种结合的方式比较有利于培训…

yaml 解决问题

yaml 是什么? 在 github 一些开源项目里经常可以看到 .travis.yml 文件,后来接触持续集成这个概念时发现很多文件都是 .yml 后缀的文件。我在 阮一峰-YAML 语言教程 里了解了它的作用以及基本写法,他的那篇文章描述的略微有点啰嗦&#xff0…

2016 7 25 链表

1 #include<stdio.h>2 #include<stdlib.h>3 /* 4 usingnamespacestd;5 6 structNode7 {8 int data;//数据域9 struct Node*next;//指针域10 };11 12 /*13 Create14 *函数功能&#xff1a;创建链表.15 *输入&#xff1a;各节点的data16 *返回值&#xff1a;指…

php数值操作,php数值计算num类简单操作示例

php数值计算num类简单操作示例,在线,计算器,小数,整数,程序设计php数值计算num类简单操作示例易采站长站&#xff0c;站长之家为您整理了php数值计算num类简单操作示例的相关内容。本文实例讲述了php数值计算num类简单操作。分享给大家供大家参考&#xff0c;具体如下&#xff…

YAML-学习笔记!

YAML学习笔记 一、YAML简介 YAML&#xff0c;即YAML Ain’t Markup Language的缩写&#xff0c;YAML 是一种简洁的非标记语言。YAML以数据为中心&#xff0c;使用空白&#xff0c;缩进&#xff0c;分行组织数据&#xff0c;从而使得表示更加简洁易读。 二、YAML语法 1、基本规…

CentOS远程监控

近日&#xff0c;因工作需要&#xff0c;学习了CentOS远程监控的水平有限&#xff0c;多指教。 远程访问CentOS&#xff0c;包括三种方式ssh&#xff0c;telnet&#xff0c;vnc。 本例涉及的是以vnc远程访问CentOS。指令在root下操作。注意&#xff1a;vnc的端口为5900&#xf…

aix oracle 10.2.0.1 升级 10.2.0.4,AIX Oracle RAC 升级到10.2.0.4.0要特别注意的问题 - 爱肯的专栏 ......

AIX Oracle RAC 升级到10.2.0.4.0过程有如下报错(直接升级到10.2.0.4不需要应用Patch:6160398)&#xff1a;rootbwgl_db2:/u01/app/oracle/crs_1/bin# /u01/app/oracle/crs_1/install/root102.shError : Please change the CRS_ORACLE_USER id to have the following OS capabi…

将文件提交到github的两种方法

方法一 简要步骤如下&#xff1a; 登陆github&#xff0c;创建git仓库。记此git仓库的地址为[github_repository_url]&#xff0c;例如git仓库的地址&#xff1a;https://github.com/galian123/nodejs_http_server 在本地的工程目录执行git init&#xff0c;此工程目录是要提…

Visual Studio 2017新版发布,极大提高开发效率丨附下载

最新的Visual Studio 2017免费下载&#xff1a;https://www.evget.com/product...【包含Professional、Enterprise、Community版本】 为任何开发、应用和平台提供无与伦比的效率&#xff0c;Visual Studio 2017 候选发布。 提高了效率 代码导航、IntelliSense、重构、代码修复和…

BGP路由协议详解(完整篇)

原文链接&#xff1a;http://xuanbo.blog.51cto.com/499334/465596/ 2010-12-27 12:02:45 上个月我写一篇关于BGP协议的博文&#xff0c;曾许诺过要完善这个文档&#xff0c;但因最近的工作和授课很忙&#xff0c;所以没有时间进行完善。为了实现这个承诺&#xff0c;我在去外…

oracle 备份导出,oracle 怎么备份或导入导出表

exp/imp下面介绍的是导入导出的实例&#xff0c;向导入导出看实例基本上就可以完成&#xff0c;因为导入导出很简单。数据导出&#xff1a;1 将数据库TEST完全导出,用户名system 密码manager 导出到D:\daochu.dmp中exp system/managerTEST filed:\daochu.dmp fully2 将数据库中…

GitHub+Hexo搭建自己的Blog之-本地环境部署01

前言 之前我的博客没有绑自己的域名&#xff0c;一直在github上放着&#xff0c;访问起来比较麻烦&#xff0c;前阵子在阿里云买了这个域名&#xff0c;配置上之后&#xff0c;就可以通过自己的域名访问了&#xff0c;有些朋友问我这个博客怎么搭的&#xff0c;用的什么主题&am…

appsettings 连接oracle数据库,ABP .net core集成访问Oracle数据库

1.添加包引用&#xff1a;Microsoft.EntityFrameworkCore.RelationalOracle.EntityFrameworkCore2.重写DbContext OnModelCreating/// /// 判断如果是Oracle&#xff0c;需要执行Schema/// /// protected override void OnModelCreating(ModelBuilder modelBuilder){//判断当前…

Day08-函数(3)

import functools #偏函数 def demo(a,b,c,d):print(a,b,c,d)# def partital_demo(a,b): # demo(a,b,3,4) # partital_demo(1,2)#实现偏函数 # #固定前两个 # demo functools.partial(demo,5,6) # demo(10,50)# #固定后两个 # demofunctools.partial(demo,c3,d5) # demo(1…

使用VS2010编译Qt 5.6.1过程记录

由于Qt官方发布的Qt 5.6.1二进制安装包没有对应VS2010版本的&#xff0c;而我的电脑上只安装了VS2010&#xff0c;因此只能自己编译。 本文记录本人的编译安装过程&#xff0c;以及其中遇到的一些问题。 本文使用VS2010 32位编译Qt 5.6.1。 1. 下载Qt源代码 Qt源代码下载地址&…

golang 指针

指针1、简单的定义一个指针package mainimport "fmt"func main(){var p *inti :2p &ifmt.Println("memory address i:",p) } //执行结果&#xff1a; memory address i: 0xc42000a2e02、打印指针的值package mainimport "fmt"func main(){v…

php防错处理,更好的PHP错误处理

错误类型PHP 主要有两种错误&#xff1a;触发错误和异常。其中触发错误大概可以分为&#xff1a;编译错误、引擎错误和运行时错误&#xff0c;其中前两个是无法捕获的&#xff1b;异常都是可以捕获的&#xff0c;当没有尝试捕获时则会中断代码。触发错误可以通过 error_get_las…

Windows安装Apache注册服务出现(OS 5)拒绝访问。 : AH00369: Failed to open the Windows service manager,

windows安装Apache&#xff0c;注册服务出现“(OS 5)拒绝访问。 : AH00369: Failed to open the WinNT service manager..."错误 在安装Apache的时候&#xff0c;我下载的是zip格式&#xff0c;不是msi安装版&#xff0c;需要自己注册服务&#xff0c;才能在桌面任务栏里有…

算法与数据结构(三) 二叉树的遍历及其线索化(Swift版)

前面两篇博客介绍了线性表的顺序存储与链式存储以及对应的操作&#xff0c;并且还聊了栈与队列的相关内容。本篇博客我们就继续聊数据结构的相关东西&#xff0c;并且所涉及的相关Demo依然使用面向对象语言Swift来表示。本篇博客我们就来介绍树结构的一种&#xff1a;二叉树。在…

关于android开发时,发生Error infalting classa com.baidu.mapapi.map.MapView的解决办法

1.问题描述&#xff1a;百度地图SDK中 Error&#xff1a; infalting classa com.baidu.mapapi.map.MapView 。 2.解决办法&#xff1a;通过1个多小时的上网搜索&#xff0c;最终发现很多网友之所以出现这方面的问题有以下几种原因&#xff1a; &#xff08;1&#xff09;.忘…