js弹窗提示alert_怎么用js弹出提示框

❶ js中用alert没有显示提示。

returnfalse;这个放在alert("对不起，用户名太短啦！")下面，注意放在大括号里面

2.alert("对不起，用户名太短啦！")后面缺少;号

3.<input type="text"/>修改成<input type="text" id="username"/>

❷ 如何让在js里点击一个东西弹出alert

div.onclick=function(){
alert(“”)
}

div就是你要点击的，加一个 onclick事件就可以

❸ 如何设置WebView支持js的Alert，Confirm，Prompt函数的弹出提示框

默认情况下,Android WebView是不支持js的Alert(),Confirm(),Prompt()函数的弹出提示框的.即使设置了setjavaScriptEnabled(true);也是没用的.那么,如何才能让WebView可以支持js的这3个函数呢.可以通过设置WebChromeClient对象来完成.WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等等.
这里主要重写WebChromeClient的3个方法:
onJsAlert :警告框(WebView上alert无效，需要定制WebChromeClient处理弹出)
onJsPrompt : 提示框.
onJsConfirm : 确定框.
效果图分别为:
1.Alert
2.Prompt
3.Confirm
先来看看js的页面代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type="text/javascript">
function call(){
var value = document.getElementById("input").value;
alert(value);
}
//警告
function onAlert(){
alert("This is a alert sample from html");
}
//确定
function onConfirm(){
var b = confirm("are you sure to login?");
alert("your choice is "+b);
}
//提示
function onPrompt(){
var b = prompt("please input your password","aaa");
alert("your input is "+b);
}
</script>
</head>
<body>
<input type="text" id="input" value="default"/>
<button onclick=call()>点我弹出Alert</button></br>
<input type="button" value="alert" onclick="onAlert()"/></br>
<input type="button" value="confirm" onclick="onConfirm()"/></br>
<input type="button" value="prompt" onclick="onPrompt()"/></br>
</body>
</html>
Android代码:
package com.example.chenys.webviewdemo;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.webkit.JsPromptResult;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.EditText;
import android.widget.TextView;
/**
* Created by mChenys on 2015/11/19.
*/
public class TestAlertActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
WebView webView = new WebView(this);
setContentView(webView);
webView.requestFocus();
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);//启用支持js
//设置响应js 的Alert()函数
webView.setWebChromeClient(new WebChromeClient() {
@Override
public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(TestAlertActivity.this);
b.setTitle("Alert");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
b.setCancelable(false);
b.create().show();
return true;
}
//设置响应js 的Confirm()函数
@Override
public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
AlertDialog.Builder b = new AlertDialog.Builder(TestAlertActivity.this);
b.setTitle("Confirm");
b.setMessage(message);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.confirm();
}
});
b.setNegativeButton(android.R.string.cancel, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
});
b.create().show();
return true;
}
//设置响应js 的Prompt()函数
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
final View v = View.inflate(TestAlertActivity.this, R.layout.prompt_dialog, null);
((TextView) v.findViewById(R.id.prompt_message_text)).setText(message);
((EditText) v.findViewById(R.id.prompt_input_field)).setText(defaultValue);
AlertDialog.Builder b = new AlertDialog.Builder(TestAlertActivity.this);
b.setTitle("Prompt");
b.setView(v);
b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
String value = ((EditText) v.findViewById(R.id.prompt_input_field)).getText().toString();
result.confirm(value);
}
});
b.setNegativeButton(android.R.string.cancel, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
result.cancel();
}
});
b.create().show();
return true;
}
});
webView.loadUrl("file:///android_asset/index3.html");
}
}
有2个需要注意的:
1.重写onJsPrompt 方法,需要我们自定一个提示的布局文件,如下:prompt_dialog.xml
就是一个提示的TextView和输入文本的EditTex而已.
[html] view plain
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android=""
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/prompt_message_text"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<EditText
android:id="@+id/prompt_input_field"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minWidth="250dp"
android:selectAllOnFocus="true"
android:scrollHorizontally="true"/>
</LinearLayout>
2.WebView需要支持js的话,要记得加启用js的支持.
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);

❹ 这是一个js的弹窗，我想要知道调用alert的位置，如何做。跪求大神赐招。

虽然不同桌面主题会影响到弹窗格式，但有一点可以确认：题主所示图片并非是一个alert弹窗。

下面这个是一个标准的alert弹窗(WIN 7系统默认主题)

如此就会影响到后续操作中出现的新提醒内容。

所以，通常网站内部提醒消息（如题主所给弹窗）是一个自定义弹窗，是JS生成的新dom元素，在该产生提醒时才显示在网页内。

因此不能通过查找alert来定位弹窗调用位置，而且也很难猜测自定义弹窗的方法名。

如果想查找该弹窗位置，建议在弹窗范围内点右键，选择“审查元素”，根据弹窗的class从js源代码中查找包含该class的代码段

❺ js:如何在alert弹出框，点击确定以后再刷新页面！

原理复是这样的，当alert弹出框点制击确定以后，再让页面重新加载一下就可以，具体代码如下：

<scripttype="text/javascript">
alert("提交成功！");
window.location.reload();
</script>

❻ javascriptalert弹窗怎么取消

1.
打开控制面板,进入Internet选项;
2.
在打开的Internet属性窗口中,切换到【隐私】栏目;
3.
勾选【启用弹出窗口阻止程序】选项,点击【确定

❼ 怎么修改js alert弹框样式

那个改不了。只能覆盖window.alert这个方法。
比如：你先去找个弹出框专的插件。（推荐一个：属layer）
拿这个layer来举例子：
提示消息的方法是：layer.msg
然后你可以用这个方法来覆盖alert。
window.alert=layer.msg
然后你再是使用alert的时候就会调用layer.msg了。

❽ 怎么用js弹出提示框

弹出提示框一般有3种

1)alert (普通提示框)

2)prompt (可输入的提示框)

3)confirm (可选择的提示框)

下面举个例子:

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<buttononclick="mal()">第一种:alert</button>
<buttononclick="mpro()">第二种:prompt</button>
<buttononclick="mcon()">第三种:confirm</button>
<script>
functionmal(){
alert('这是一个普通的提示框');
}

functionmpro(){
varval=prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');
//prompt会把输入框的值返回给你
}

functionmcon(){
varboo=confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
//confirm会返回你选择的选项,然后可以依据选择执行逻辑
if(boo){
alert('学会了,真聪明');
}else{
alert('再来一遍吧')
}
}
</script>
</body>
</html>

导航:首页 > 编程语言 > js弹窗提示alert

js弹窗提示alert

与js弹窗提示alert相关的资料

友情链接