onclick не срабатывает

@DigsiL · Регистрация: 14.01.2011

Author24 — интернет-сервис помощи студентам

Прошу вас помочь разобратся не пому почему мой скрипт не срабатывает

C    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link href="styal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
var x= document.getElementById("test");
if (x)
{
    x.onclick = alert("пока");
}
</script>
 
<a href="#" id="test">Привет</a>
 
</body>
</html>

@Eraser83 · 27.07.2011, 14:55

Попробуй так

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link href="styal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
function Hello()
 alert("пока");
</script>
 
<a href="#" OnClick="Hello">Привет</a>
 
</body>
</html>

@Darth Coder · 27.07.2011, 16:04

Сообщение от Eraser83

HTML5    
        
    Скопировано
1
<a href="#" OnClick="Hello">Привет</a>

скобки ты забыл

HTML5    
        
    Скопировано
1
<a href="#" OnClick="Hello()">Привет</a>

@Eraser83 · 27.07.2011, 19:46

Точно забыл.

@xzxz · 27.07.2011, 21:40

Сообщение от DigsiL

Прошу вас помочь разобратся не пому почему мой скрипт не срабатывает

C    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link href="styal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
var x= document.getElementById("test");
if (x)
{
    x.onclick = alert("пока");
}
</script>
 
<a href="#" id="test">Привет</a>
 
</body>
</html>

не вот так нужно смотри, тот второй способ устаревший что все впарили
обрати внимание что яваскрипт ниже чем строка привет

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link href="styal.css" rel="stylesheet" type="text/css" />
</head>
<body>
 
 
<a href="#" id="test">Привет</a>
 
 
<script type="text/javascript">
var x= document.getElementById("test");
if (x)
{
        x.onclick = function () {
             alert("пока");
        }
}
</script>
 
 
</body>
</html>

а вот другой способ более сложный
скрипт ждет пока загрузится страница
в этом случае код можно писать где угодно

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link href="styal.css" rel="stylesheet" type="text/css" />
</head>
<body>
 
<script type="text/javascript">
window.onload = function() {
    var x= document.getElementById("test");
    if (x)
    {
            x.onclick = function () {
                alert("пока");
            }
    }
}
</script>
 
<a href="#" id="test">Привет</a>
 
</body>
</html>

@marina2 · 03.08.2011, 22:58

А я тоже так сделала, но у меня все равно не срабатывает(

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<HTML>
<BODY ID =”tests”>
</BODY>
<SCRIPT>
 tests.onclick=function()
{
var str=””
str+=”x=”+window.event.x+”\n”
str+=”y=”+window.event.y+”\n”
str+=”Вы нажали клавишу:”
if (window.event.shiftKey){str+="Shift"}
if (window.event.ctrlKey){str+="Ctrl"}
if (window.event.altlKey){str+="Alt"}
alert(str)
}
 
 tests.onkeypress=function()
{
alert("Код клавиши:"+window.event.keyCode)
}
 
</SCRIPT>
</HTML>

Eugene22 · 03.08.2011, 23:03

marina2, по-моему скрипт нигде не вызывается, к тому же при написании скрипта допущена страшнейшаяяя и непростительная ошибка...

@marina2 · 04.08.2011, 09:09

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<HTML>
<BODY ID =”tests”>
</BODY>
<SCRIPT>
function tests.onclick()
{
var str=””
str+=”x=”+window.event.x+”\n”
str+=”y=”+window.event.y+”\n”
str+=”Вы нажали клавишу:”
if (window.event.shiftKey){str+="Shift"}
if (window.event.ctrlKey){str+="Ctrl"}
if (window.event.altlKey){str+="Alt"}
alert(str)
}
 
 function tests.onkeypress()
{
alert("Код клавиши:"+window.event.keyCode)
}
 
</SCRIPT>
</HTML>

Это копия примера из книги

@GuardCat · 04.08.2011, 09:25

Попробуйте вместо

JavaScript    
        
    Скопировано
1
function tests.onclick(){код}

Писать

JavaScript    
        
    Скопировано
1
document.getElementById("tests").onclick=function(){код}

Также и в обработке onkeypress.

JavaScript    
        
    Скопировано
1
document.getElementById("tests").onkeypress=function(){код}

Или, учитывая, что мы всё-таки с body работаем, можно проще:

JavaScript    
        
    Скопировано
1
document.body.onclick=function(){код}

JavaScript    
        
    Скопировано
1
document.body.onkeypress=function(){код}

Eugene22 · 04.08.2011, 11:08

marina2, либо в html коде зафиксируйте события

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<BODY ID ='tests' onkeypress="keypressing();" onclick="clicking();">
</BODY>
<SCRIPT>
function clicking()
{
    var str='';
    str+='x='+window.event.x+'\n';
    str+='y='+window.event.y+'\n';
    str+='Вы нажали клавишу:';
    if (window.event.shiftKey){str+="Shift";}
    if (window.event.ctrlKey){str+="Ctrl";}
    if (window.event.altlKey){str+="Alt";}
    alert(str);
}
 function keypressing()
{
    alert("Код клавиши:"+window.event.keyCode);
}
</SCRIPT>
</HTML>

и не забываем ставить точку запятой.

@marina2 · 04.08.2011, 11:17

Eugene22, Спасибо большое!

Сообщение от Eugene22

и не забываем ставить точку запятой.

А в книге не было

Vovan-VE · 04.08.2011, 12:15

Сообщение от marina2

А в книге не было

Последняя в блоке необязательна. И так и эдак в данном случае правильно.

Новые блоги и статьи Все статьи Все блоги /
Миграция монолита в Event-Driven микросервисную архитектуру на C# stackOverflow 11.04.2025 Монолитная архитектура – классический подход к разработке программного обеспечения. Это приложение, построенное как единое целое, где все компоненты тесно связаны между собой. Большинство проектов. . .	Go в Kubernetes: Управление ресурсами golander 11.04.2025 Разработчики Go-приложений в Kubernetes часто сталкиваются с неожиданными проблемами производительности и даже внезапными отказами контейнеров. Причина этого кроется в особенностях взаимодействия. . .	Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи будет иметь приблизительный результат вычисления для метода обработки данных из double buffering. Hrethgir 10.04.2025 Вообще изначально я пренебрёг квадратурой числа, но потом понял, что для вычисления приблизительного значения - сгодится, формулу можно будет корректировать по ходу. Это потому что прямое соотношение. . .
Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .

@Eraser83 19 / 19 / 5 Регистрация: 09.11.2010 Сообщений: 251
	27.07.2011, 19:46
	Точно забыл. 1

Eugene22 _ 2364 / 1243 / 78 Регистрация: 28.10.2009 Сообщений: 4,331
	03.08.2011, 23:03
	marina2, по-моему скрипт нигде не вызывается, к тому же при написании скрипта допущена страшнейшаяяя и непростительная ошибка... 0

@marina2 Рожденная для битвы 294 / 72 / 15 Регистрация: 08.11.2009 Сообщений: 1,268
	04.08.2011, 11:17
	Eugene22, Спасибо большое! Сообщение от Eugene22 и не забываем ставить точку запятой. А в книге не было 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	04.08.2011, 12:15
	Сообщение от marina2 А в книге не было Последняя в блоке необязательна. И так и эдак в данном случае правильно. 1